/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block
}

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden], template {
    display: none
}

a {
    background-color: transparent
}

a:active, a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b, strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code, kbd, pre, samp {
    font-family: monospace, monospace;
    font-size: 1em
}

button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button, select {
    text-transform: none
}

button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled], html input[disabled] {
    cursor: default
}

button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type=checkbox], input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td, th {
    padding: 0
}

*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

html {
    font-size: 10px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

body {
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    background-color: #fff
}

button, input, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

a {
    color: #337ab7;
    text-decoration: none
}

a:focus, a:hover {
    color: #23527c;
    text-decoration: underline
}

a:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

figure {
    margin: 0
}

img {
    vertical-align: middle
}

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto
}

.img-rounded {
    border-radius: 6px
}

.img-thumbnail {
    padding: 4px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    display: inline-block;
    max-width: 100%;
    height: auto
}

.img-circle {
    border-radius: 50%
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.sr-only-focusable:active, .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit
}

.h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small {
    font-weight: 400;
    line-height: 1;
    color: #777
}

.h1, .h2, .h3, h1, h2, h3 {
    margin-top: 20px;
    margin-bottom: 10px
}

.h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small {
    font-size: 65%
}

.h4, .h5, .h6, h4, h5, h6 {
    margin-top: 10px;
    margin-bottom: 10px
}

.h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small {
    font-size: 75%
}

.h1, h1 {
    font-size: 36px
}

.h2, h2 {
    font-size: 30px
}

.h3, h3 {
    font-size: 24px
}

.h4, h4 {
    font-size: 18px
}

.h5, h5 {
    font-size: 14px
}

.h6, h6 {
    font-size: 12px
}

p {
    margin: 0 0 10px
}

.lead {
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.4
}

@media (min-width: 768px) {
    .lead {
        font-size: 21px
    }
}

.small, small {
    font-size: 85%
}

.mark, mark {
    background-color: #fcf8e3;
    padding: .2em
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.text-justify {
    text-align: justify
}

.text-nowrap {
    white-space: nowrap
}

.text-lowercase {
    text-transform: lowercase
}

.text-uppercase {
    text-transform: uppercase
}

.text-capitalize {
    text-transform: capitalize
}

.text-muted {
    color: #777
}

.text-primary {
    color: #337ab7
}

a.text-primary:hover {
    color: #286090
}

.text-success {
    color: #3c763d
}

a.text-success:hover {
    color: #2b542c
}

.text-info {
    color: #31708f
}

a.text-info:hover {
    color: #245269
}

.text-warning {
    color: #8a6d3b
}

a.text-warning:hover {
    color: #66512c
}

.text-danger {
    color: #a94442
}

a.text-danger:hover {
    color: #843534
}

.bg-primary {
    color: #fff;
    background-color: #337ab7
}

a.bg-primary:hover {
    background-color: #286090
}

.bg-success {
    background-color: #dff0d8
}

a.bg-success:hover {
    background-color: #c1e2b3
}

.bg-info {
    background-color: #d9edf7
}

a.bg-info:hover {
    background-color: #afd9ee
}

.bg-warning {
    background-color: #fcf8e3
}

a.bg-warning:hover {
    background-color: #f7ecb5
}

.bg-danger {
    background-color: #f2dede
}

a.bg-danger:hover {
    background-color: #e4b9b9
}

.page-header {
    padding-bottom: 9px;
    margin: 40px 0 20px;
    border-bottom: 1px solid #eee
}

ol, ul {
    margin-top: 0;
    margin-bottom: 10px
}

ol ol, ol ul, ul ol, ul ul {
    margin-bottom: 0
}

.list-inline, .list-unstyled {
    padding-left: 0;
    list-style: none
}

.list-inline {
    margin-left: -5px
}

.list-inline > li {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px
}

dl {
    margin-top: 0;
    margin-bottom: 20px
}

dd, dt {
    line-height: 1.42857143
}

dt {
    font-weight: 700
}

dd {
    margin-left: 0
}

@media (min-width: 768px) {
    .dl-horizontal dt {
        float: left;
        width: 160px;
        clear: left;
        text-align: right;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .dl-horizontal dd {
        margin-left: 180px
    }
}

abbr[data-original-title], abbr[title] {
    cursor: help;
    border-bottom: 1px dotted #777
}

.initialism {
    font-size: 90%;
    text-transform: uppercase
}

blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 17.5px;
    border-left: 5px solid #eee
}

blockquote ol:last-child, blockquote p:last-child, blockquote ul:last-child {
    margin-bottom: 0
}

blockquote .small, blockquote footer, blockquote small {
    display: block;
    font-size: 80%;
    line-height: 1.42857143;
    color: #777
}

blockquote .small:before, blockquote footer:before, blockquote small:before {
    content: "\2014   \A0"
}

.blockquote-reverse, blockquote.pull-right {
    padding-right: 15px;
    padding-left: 0;
    border-right: 5px solid #eee;
    border-left: 0;
    text-align: right
}

.blockquote-reverse .small:before, .blockquote-reverse footer:before, .blockquote-reverse small:before, blockquote.pull-right .small:before, blockquote.pull-right footer:before, blockquote.pull-right small:before {
    content: ""
}

.blockquote-reverse .small:after, .blockquote-reverse footer:after, .blockquote-reverse small:after, blockquote.pull-right .small:after, blockquote.pull-right footer:after, blockquote.pull-right small:after {
    content: "\A0   \2014"
}

address {
    margin-bottom: 20px;
    font-style: normal;
    line-height: 1.42857143
}

.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px
}

@media (min-width: 768px) {
    .container {
        width: 750px
    }
}

@media (min-width: 992px) {
    .container {
        width: 970px
    }
}

@media (min-width: 1200px) {
    .container {
        width: 1170px
    }
}

.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px
}

.row {
    margin-left: -15px;
    margin-right: -15px
}

.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    float: left
}

.col-xs-12 {
    width: 100%
}

.col-xs-11 {
    width: 91.66666667%
}

.col-xs-10 {
    width: 83.33333333%
}

.col-xs-9 {
    width: 75%
}

.col-xs-8 {
    width: 66.66666667%
}

.col-xs-7 {
    width: 58.33333333%
}

.col-xs-6 {
    width: 50%
}

.col-xs-5 {
    width: 41.66666667%
}

.col-xs-4 {
    width: 33.33333333%
}

.col-xs-3 {
    width: 25%
}

.col-xs-2 {
    width: 16.66666667%
}

.col-xs-1 {
    width: 8.33333333%
}

.col-xs-pull-12 {
    right: 100%
}

.col-xs-pull-11 {
    right: 91.66666667%
}

.col-xs-pull-10 {
    right: 83.33333333%
}

.col-xs-pull-9 {
    right: 75%
}

.col-xs-pull-8 {
    right: 66.66666667%
}

.col-xs-pull-7 {
    right: 58.33333333%
}

.col-xs-pull-6 {
    right: 50%
}

.col-xs-pull-5 {
    right: 41.66666667%
}

.col-xs-pull-4 {
    right: 33.33333333%
}

.col-xs-pull-3 {
    right: 25%
}

.col-xs-pull-2 {
    right: 16.66666667%
}

.col-xs-pull-1 {
    right: 8.33333333%
}

.col-xs-pull-0 {
    right: auto
}

.col-xs-push-12 {
    left: 100%
}

.col-xs-push-11 {
    left: 91.66666667%
}

.col-xs-push-10 {
    left: 83.33333333%
}

.col-xs-push-9 {
    left: 75%
}

.col-xs-push-8 {
    left: 66.66666667%
}

.col-xs-push-7 {
    left: 58.33333333%
}

.col-xs-push-6 {
    left: 50%
}

.col-xs-push-5 {
    left: 41.66666667%
}

.col-xs-push-4 {
    left: 33.33333333%
}

.col-xs-push-3 {
    left: 25%
}

.col-xs-push-2 {
    left: 16.66666667%
}

.col-xs-push-1 {
    left: 8.33333333%
}

.col-xs-push-0 {
    left: auto
}

.col-xs-offset-12 {
    margin-left: 100%
}

.col-xs-offset-11 {
    margin-left: 91.66666667%
}

.col-xs-offset-10 {
    margin-left: 83.33333333%
}

.col-xs-offset-9 {
    margin-left: 75%
}

.col-xs-offset-8 {
    margin-left: 66.66666667%
}

.col-xs-offset-7 {
    margin-left: 58.33333333%
}

.col-xs-offset-6 {
    margin-left: 50%
}

.col-xs-offset-5 {
    margin-left: 41.66666667%
}

.col-xs-offset-4 {
    margin-left: 33.33333333%
}

.col-xs-offset-3 {
    margin-left: 25%
}

.col-xs-offset-2 {
    margin-left: 16.66666667%
}

.col-xs-offset-1 {
    margin-left: 8.33333333%
}

.col-xs-offset-0 {
    margin-left: 0
}

@media (min-width: 768px) {
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
        float: left
    }

    .col-sm-12 {
        width: 100%
    }

    .col-sm-11 {
        width: 91.66666667%
    }

    .col-sm-10 {
        width: 83.33333333%
    }

    .col-sm-9 {
        width: 75%
    }

    .col-sm-8 {
        width: 66.66666667%
    }

    .col-sm-7 {
        width: 58.33333333%
    }

    .col-sm-6 {
        width: 50%
    }

    .col-sm-5 {
        width: 41.66666667%
    }

    .col-sm-4 {
        width: 33.33333333%
    }

    .col-sm-3 {
        width: 25%
    }

    .col-sm-2 {
        width: 16.66666667%
    }

    .col-sm-1 {
        width: 8.33333333%
    }

    .col-sm-pull-12 {
        right: 100%
    }

    .col-sm-pull-11 {
        right: 91.66666667%
    }

    .col-sm-pull-10 {
        right: 83.33333333%
    }

    .col-sm-pull-9 {
        right: 75%
    }

    .col-sm-pull-8 {
        right: 66.66666667%
    }

    .col-sm-pull-7 {
        right: 58.33333333%
    }

    .col-sm-pull-6 {
        right: 50%
    }

    .col-sm-pull-5 {
        right: 41.66666667%
    }

    .col-sm-pull-4 {
        right: 33.33333333%
    }

    .col-sm-pull-3 {
        right: 25%
    }

    .col-sm-pull-2 {
        right: 16.66666667%
    }

    .col-sm-pull-1 {
        right: 8.33333333%
    }

    .col-sm-pull-0 {
        right: auto
    }

    .col-sm-push-12 {
        left: 100%
    }

    .col-sm-push-11 {
        left: 91.66666667%
    }

    .col-sm-push-10 {
        left: 83.33333333%
    }

    .col-sm-push-9 {
        left: 75%
    }

    .col-sm-push-8 {
        left: 66.66666667%
    }

    .col-sm-push-7 {
        left: 58.33333333%
    }

    .col-sm-push-6 {
        left: 50%
    }

    .col-sm-push-5 {
        left: 41.66666667%
    }

    .col-sm-push-4 {
        left: 33.33333333%
    }

    .col-sm-push-3 {
        left: 25%
    }

    .col-sm-push-2 {
        left: 16.66666667%
    }

    .col-sm-push-1 {
        left: 8.33333333%
    }

    .col-sm-push-0 {
        left: auto
    }

    .col-sm-offset-12 {
        margin-left: 100%
    }

    .col-sm-offset-11 {
        margin-left: 91.66666667%
    }

    .col-sm-offset-10 {
        margin-left: 83.33333333%
    }

    .col-sm-offset-9 {
        margin-left: 75%
    }

    .col-sm-offset-8 {
        margin-left: 66.66666667%
    }

    .col-sm-offset-7 {
        margin-left: 58.33333333%
    }

    .col-sm-offset-6 {
        margin-left: 50%
    }

    .col-sm-offset-5 {
        margin-left: 41.66666667%
    }

    .col-sm-offset-4 {
        margin-left: 33.33333333%
    }

    .col-sm-offset-3 {
        margin-left: 25%
    }

    .col-sm-offset-2 {
        margin-left: 16.66666667%
    }

    .col-sm-offset-1 {
        margin-left: 8.33333333%
    }

    .col-sm-offset-0 {
        margin-left: 0
    }
}

@media (min-width: 992px) {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        float: left
    }

    .col-md-12 {
        width: 100%
    }

    .col-md-11 {
        width: 91.66666667%
    }

    .col-md-10 {
        width: 83.33333333%
    }

    .col-md-9 {
        width: 75%
    }

    .col-md-8 {
        width: 66.66666667%
    }

    .col-md-7 {
        width: 58.33333333%
    }

    .col-md-6 {
        width: 50%
    }

    .col-md-5 {
        width: 41.66666667%
    }

    .col-md-4 {
        width: 33.33333333%
    }

    .col-md-3 {
        width: 25%
    }

    .col-md-2 {
        width: 16.66666667%
    }

    .col-md-1 {
        width: 8.33333333%
    }

    .col-md-pull-12 {
        right: 100%
    }

    .col-md-pull-11 {
        right: 91.66666667%
    }

    .col-md-pull-10 {
        right: 83.33333333%
    }

    .col-md-pull-9 {
        right: 75%
    }

    .col-md-pull-8 {
        right: 66.66666667%
    }

    .col-md-pull-7 {
        right: 58.33333333%
    }

    .col-md-pull-6 {
        right: 50%
    }

    .col-md-pull-5 {
        right: 41.66666667%
    }

    .col-md-pull-4 {
        right: 33.33333333%
    }

    .col-md-pull-3 {
        right: 25%
    }

    .col-md-pull-2 {
        right: 16.66666667%
    }

    .col-md-pull-1 {
        right: 8.33333333%
    }

    .col-md-pull-0 {
        right: auto
    }

    .col-md-push-12 {
        left: 100%
    }

    .col-md-push-11 {
        left: 91.66666667%
    }

    .col-md-push-10 {
        left: 83.33333333%
    }

    .col-md-push-9 {
        left: 75%
    }

    .col-md-push-8 {
        left: 66.66666667%
    }

    .col-md-push-7 {
        left: 58.33333333%
    }

    .col-md-push-6 {
        left: 50%
    }

    .col-md-push-5 {
        left: 41.66666667%
    }

    .col-md-push-4 {
        left: 33.33333333%
    }

    .col-md-push-3 {
        left: 25%
    }

    .col-md-push-2 {
        left: 16.66666667%
    }

    .col-md-push-1 {
        left: 8.33333333%
    }

    .col-md-push-0 {
        left: auto
    }

    .col-md-offset-12 {
        margin-left: 100%
    }

    .col-md-offset-11 {
        margin-left: 91.66666667%
    }

    .col-md-offset-10 {
        margin-left: 83.33333333%
    }

    .col-md-offset-9 {
        margin-left: 75%
    }

    .col-md-offset-8 {
        margin-left: 66.66666667%
    }

    .col-md-offset-7 {
        margin-left: 58.33333333%
    }

    .col-md-offset-6 {
        margin-left: 50%
    }

    .col-md-offset-5 {
        margin-left: 41.66666667%
    }

    .col-md-offset-4 {
        margin-left: 33.33333333%
    }

    .col-md-offset-3 {
        margin-left: 25%
    }

    .col-md-offset-2 {
        margin-left: 16.66666667%
    }

    .col-md-offset-1 {
        margin-left: 8.33333333%
    }

    .col-md-offset-0 {
        margin-left: 0
    }
}

@media (min-width: 1200px) {
    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
        float: left
    }

    .col-lg-12 {
        width: 100%
    }

    .col-lg-11 {
        width: 91.66666667%
    }

    .col-lg-10 {
        width: 83.33333333%
    }

    .col-lg-9 {
        width: 75%
    }

    .col-lg-8 {
        width: 66.66666667%
    }

    .col-lg-7 {
        width: 58.33333333%
    }

    .col-lg-6 {
        width: 50%
    }

    .col-lg-5 {
        width: 41.66666667%
    }

    .col-lg-4 {
        width: 33.33333333%
    }

    .col-lg-3 {
        width: 25%
    }

    .col-lg-2 {
        width: 16.66666667%
    }

    .col-lg-1 {
        width: 8.33333333%
    }

    .col-lg-pull-12 {
        right: 100%
    }

    .col-lg-pull-11 {
        right: 91.66666667%
    }

    .col-lg-pull-10 {
        right: 83.33333333%
    }

    .col-lg-pull-9 {
        right: 75%
    }

    .col-lg-pull-8 {
        right: 66.66666667%
    }

    .col-lg-pull-7 {
        right: 58.33333333%
    }

    .col-lg-pull-6 {
        right: 50%
    }

    .col-lg-pull-5 {
        right: 41.66666667%
    }

    .col-lg-pull-4 {
        right: 33.33333333%
    }

    .col-lg-pull-3 {
        right: 25%
    }

    .col-lg-pull-2 {
        right: 16.66666667%
    }

    .col-lg-pull-1 {
        right: 8.33333333%
    }

    .col-lg-pull-0 {
        right: auto
    }

    .col-lg-push-12 {
        left: 100%
    }

    .col-lg-push-11 {
        left: 91.66666667%
    }

    .col-lg-push-10 {
        left: 83.33333333%
    }

    .col-lg-push-9 {
        left: 75%
    }

    .col-lg-push-8 {
        left: 66.66666667%
    }

    .col-lg-push-7 {
        left: 58.33333333%
    }

    .col-lg-push-6 {
        left: 50%
    }

    .col-lg-push-5 {
        left: 41.66666667%
    }

    .col-lg-push-4 {
        left: 33.33333333%
    }

    .col-lg-push-3 {
        left: 25%
    }

    .col-lg-push-2 {
        left: 16.66666667%
    }

    .col-lg-push-1 {
        left: 8.33333333%
    }

    .col-lg-push-0 {
        left: auto
    }

    .col-lg-offset-12 {
        margin-left: 100%
    }

    .col-lg-offset-11 {
        margin-left: 91.66666667%
    }

    .col-lg-offset-10 {
        margin-left: 83.33333333%
    }

    .col-lg-offset-9 {
        margin-left: 75%
    }

    .col-lg-offset-8 {
        margin-left: 66.66666667%
    }

    .col-lg-offset-7 {
        margin-left: 58.33333333%
    }

    .col-lg-offset-6 {
        margin-left: 50%
    }

    .col-lg-offset-5 {
        margin-left: 41.66666667%
    }

    .col-lg-offset-4 {
        margin-left: 33.33333333%
    }

    .col-lg-offset-3 {
        margin-left: 25%
    }

    .col-lg-offset-2 {
        margin-left: 16.66666667%
    }

    .col-lg-offset-1 {
        margin-left: 8.33333333%
    }

    .col-lg-offset-0 {
        margin-left: 0
    }
}

fieldset {
    margin: 0;
    min-width: 0
}

fieldset, legend {
    padding: 0;
    border: 0
}

legend {
    display: block;
    width: 100%;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: inherit;
    color: #333;
    border-bottom: 1px solid #e5e5e5
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700
}

input[type=search] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

input[type=checkbox], input[type=radio] {
    margin: 4px 0 0;
    margin-top: 1px \9;
    line-height: normal
}

input[type=file] {
    display: block
}

input[type=range] {
    display: block;
    width: 100%
}

select[multiple], select[size] {
    height: auto
}

input[type=checkbox]:focus, input[type=file]:focus, input[type=radio]:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

output {
    padding-top: 7px
}

.form-control, output {
    display: block;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555
}

.form-control {
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
}

.form-control::-moz-placeholder {
    color: #999;
    opacity: 1
}

.form-control:-ms-input-placeholder {
    color: #999
}

.form-control::-webkit-input-placeholder {
    color: #999
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    cursor: not-allowed;
    background-color: #eee;
    opacity: 1
}

textarea.form-control {
    height: auto
}

input[type=search] {
    -webkit-appearance: none
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    input[type=date], input[type=datetime-local], input[type=month], input[type=time] {
        line-height: 34px
    }

    .input-group-sm input[type=date], .input-group-sm input[type=datetime-local], .input-group-sm input[type=month], .input-group-sm input[type=time], input[type=date].input-sm, input[type=datetime-local].input-sm, input[type=month].input-sm, input[type=time].input-sm {
        line-height: 30px
    }

    .input-group-lg input[type=date], .input-group-lg input[type=datetime-local], .input-group-lg input[type=month], .input-group-lg input[type=time], input[type=date].input-lg, input[type=datetime-local].input-lg, input[type=month].input-lg, input[type=time].input-lg {
        line-height: 46px
    }
}

.form-group {
    margin-bottom: 15px
}

.checkbox, .radio {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}

.checkbox label, .radio label {
    min-height: 20px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer
}

.checkbox-inline input[type=checkbox], .checkbox input[type=checkbox], .radio-inline input[type=radio], .radio input[type=radio] {
    position: absolute;
    margin-left: -20px;
    margin-top: 4px \9
}

.checkbox + .checkbox, .radio + .radio {
    margin-top: -5px
}

.checkbox-inline, .radio-inline {
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    vertical-align: middle;
    font-weight: 400;
    cursor: pointer
}

.checkbox-inline + .checkbox-inline, .radio-inline + .radio-inline {
    margin-top: 0;
    margin-left: 10px
}

.checkbox-inline.disabled, .checkbox.disabled label, .radio-inline.disabled, .radio.disabled label, fieldset[disabled] .checkbox-inline, fieldset[disabled] .checkbox label, fieldset[disabled] .radio-inline, fieldset[disabled] .radio label, fieldset[disabled] input[type=checkbox], fieldset[disabled] input[type=radio], input[type=checkbox].disabled, input[type=checkbox][disabled], input[type=radio].disabled, input[type=radio][disabled] {
    cursor: not-allowed
}

.form-control-static {
    padding-top: 7px;
    padding-bottom: 7px;
    margin-bottom: 0
}

.form-control-static.input-lg, .form-control-static.input-sm {
    padding-left: 0;
    padding-right: 0
}

.input-sm {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

select.input-sm {
    height: 30px;
    line-height: 30px
}

select[multiple].input-sm, textarea.input-sm {
    height: auto
}

.form-group-sm .form-control {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

select.form-group-sm .form-control {
    height: 30px;
    line-height: 30px
}

select[multiple].form-group-sm .form-control, textarea.form-group-sm .form-control {
    height: auto
}

.form-group-sm .form-control-static {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5
}

.input-lg {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px
}

select.input-lg {
    height: 46px;
    line-height: 46px
}

select[multiple].input-lg, textarea.input-lg {
    height: auto
}

.form-group-lg .form-control {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px
}

select.form-group-lg .form-control {
    height: 46px;
    line-height: 46px
}

select[multiple].form-group-lg .form-control, textarea.form-group-lg .form-control {
    height: auto
}

.form-group-lg .form-control-static {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333
}

.has-feedback {
    position: relative
}

.has-feedback .form-control {
    padding-right: 42.5px
}

.form-control-feedback {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    pointer-events: none
}

.input-lg + .form-control-feedback {
    width: 46px;
    height: 46px;
    line-height: 46px
}

.input-sm + .form-control-feedback {
    width: 30px;
    height: 30px;
    line-height: 30px
}

.has-success .checkbox, .has-success .checkbox-inline, .has-success.checkbox-inline label, .has-success.checkbox label, .has-success .control-label, .has-success .help-block, .has-success .radio, .has-success .radio-inline, .has-success.radio-inline label, .has-success.radio label {
    color: #3c763d
}

.has-success .form-control {
    border-color: #3c763d;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

.has-success .form-control:focus {
    border-color: #2b542c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168
}

.has-success .input-group-addon {
    color: #3c763d;
    border-color: #3c763d;
    background-color: #dff0d8
}

.has-success .form-control-feedback {
    color: #3c763d
}

.has-warning .checkbox, .has-warning .checkbox-inline, .has-warning.checkbox-inline label, .has-warning.checkbox label, .has-warning .control-label, .has-warning .help-block, .has-warning .radio, .has-warning .radio-inline, .has-warning.radio-inline label, .has-warning.radio label {
    color: #8a6d3b
}

.has-warning .form-control {
    border-color: #8a6d3b;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

.has-warning .form-control:focus {
    border-color: #66512c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b
}

.has-warning .input-group-addon {
    color: #8a6d3b;
    border-color: #8a6d3b;
    background-color: #fcf8e3
}

.has-warning .form-control-feedback {
    color: #8a6d3b
}

.has-error .checkbox, .has-error .checkbox-inline, .has-error.checkbox-inline label, .has-error.checkbox label, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.radio-inline label, .has-error.radio label {
    color: #a94442
}

.has-error .form-control {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

.has-error .form-control:focus {
    border-color: #843534;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483
}

.has-error .input-group-addon {
    color: #a94442;
    border-color: #a94442;
    background-color: #f2dede
}

.has-error .form-control-feedback {
    color: #a94442
}

.has-feedback label ~ .form-control-feedback {
    top: 25px
}

.has-feedback label.sr-only ~ .form-control-feedback {
    top: 0
}

.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #737373
}

@media (min-width: 768px) {
    .form-inline .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

    .form-inline .form-control-static {
        display: inline-block
    }

    .form-inline .input-group {
        display: inline-table;
        vertical-align: middle
    }

    .form-inline .input-group .form-control, .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn {
        width: auto
    }

    .form-inline .input-group > .form-control {
        width: 100%
    }

    .form-inline .control-label {
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .checkbox, .form-inline .radio {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .checkbox label, .form-inline .radio label {
        padding-left: 0
    }

    .form-inline .checkbox input[type=checkbox], .form-inline .radio input[type=radio] {
        position: relative;
        margin-left: 0
    }

    .form-inline .has-feedback .form-control-feedback {
        top: 0
    }
}

.form-horizontal .checkbox, .form-horizontal .checkbox-inline, .form-horizontal .radio, .form-horizontal .radio-inline {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 7px
}

.form-horizontal .checkbox, .form-horizontal .radio {
    min-height: 27px
}

.form-horizontal .form-group {
    margin-left: -15px;
    margin-right: -15px
}

@media (min-width: 768px) {
    .form-horizontal .control-label {
        text-align: right;
        margin-bottom: 0;
        padding-top: 7px
    }
}

.form-horizontal .has-feedback .form-control-feedback {
    right: 15px
}

@media (min-width: 768px) {
    .form-horizontal .form-group-lg .control-label {
        padding-top: 14.333333px
    }
}

@media (min-width: 768px) {
    .form-horizontal .form-group-sm .control-label {
        padding-top: 6px
    }
}

.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

.btn.focus, .btn:focus, .btn:hover {
    color: #333;
    text-decoration: none
}

.btn.active, .btn:active {
    outline: 0;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    cursor: not-allowed;
    pointer-events: none;
    opacity: .65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc
}

.btn-default.active, .btn-default.focus, .btn-default:active, .btn-default:focus, .btn-default:hover, .open > .dropdown-toggle.btn-default {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad
}

.btn-default.active, .btn-default:active, .open > .dropdown-toggle.btn-default {
    background-image: none
}

.btn-default.disabled, .btn-default.disabled.active, .btn-default.disabled.focus, .btn-default.disabled:active, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default[disabled], .btn-default[disabled].active, .btn-default[disabled].focus, .btn-default[disabled]:active, .btn-default[disabled]:focus, .btn-default[disabled]:hover, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default.active, fieldset[disabled] .btn-default.focus, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:hover {
    background-color: #fff;
    border-color: #ccc
}

.btn-default .badge {
    color: #fff;
    background-color: #333
}

.btn-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4
}

.btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open > .dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #286090;
    border-color: #204d74
}

.btn-primary.active, .btn-primary:active, .open > .dropdown-toggle.btn-primary {
    background-image: none
}

.btn-primary.disabled, .btn-primary.disabled.active, .btn-primary.disabled.focus, .btn-primary.disabled:active, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled], .btn-primary[disabled].active, .btn-primary[disabled].focus, .btn-primary[disabled]:active, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary.active, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover {
    background-color: #337ab7;
    border-color: #2e6da4
}

.btn-primary .badge {
    color: #337ab7;
    background-color: #fff
}

.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c
}

.btn-success.active, .btn-success.focus, .btn-success:active, .btn-success:focus, .btn-success:hover, .open > .dropdown-toggle.btn-success {
    color: #fff;
    background-color: #449d44;
    border-color: #398439
}

.btn-success.active, .btn-success:active, .open > .dropdown-toggle.btn-success {
    background-image: none
}

.btn-success.disabled, .btn-success.disabled.active, .btn-success.disabled.focus, .btn-success.disabled:active, .btn-success.disabled:focus, .btn-success.disabled:hover, .btn-success[disabled], .btn-success[disabled].active, .btn-success[disabled].focus, .btn-success[disabled]:active, .btn-success[disabled]:focus, .btn-success[disabled]:hover, fieldset[disabled] .btn-success, fieldset[disabled] .btn-success.active, fieldset[disabled] .btn-success.focus, fieldset[disabled] .btn-success:active, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:hover {
    background-color: #5cb85c;
    border-color: #4cae4c
}

.btn-success .badge {
    color: #5cb85c;
    background-color: #fff
}

.btn-info {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da
}

.btn-info.active, .btn-info.focus, .btn-info:active, .btn-info:focus, .btn-info:hover, .open > .dropdown-toggle.btn-info {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc
}

.btn-info.active, .btn-info:active, .open > .dropdown-toggle.btn-info {
    background-image: none
}

.btn-info.disabled, .btn-info.disabled.active, .btn-info.disabled.focus, .btn-info.disabled:active, .btn-info.disabled:focus, .btn-info.disabled:hover, .btn-info[disabled], .btn-info[disabled].active, .btn-info[disabled].focus, .btn-info[disabled]:active, .btn-info[disabled]:focus, .btn-info[disabled]:hover, fieldset[disabled] .btn-info, fieldset[disabled] .btn-info.active, fieldset[disabled] .btn-info.focus, fieldset[disabled] .btn-info:active, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info:hover {
    background-color: #5bc0de;
    border-color: #46b8da
}

.btn-info .badge {
    color: #5bc0de;
    background-color: #fff
}

.btn-warning {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236
}

.btn-warning.active, .btn-warning.focus, .btn-warning:active, .btn-warning:focus, .btn-warning:hover, .open > .dropdown-toggle.btn-warning {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512
}

.btn-warning.active, .btn-warning:active, .open > .dropdown-toggle.btn-warning {
    background-image: none
}

.btn-warning.disabled, .btn-warning.disabled.active, .btn-warning.disabled.focus, .btn-warning.disabled:active, .btn-warning.disabled:focus, .btn-warning.disabled:hover, .btn-warning[disabled], .btn-warning[disabled].active, .btn-warning[disabled].focus, .btn-warning[disabled]:active, .btn-warning[disabled]:focus, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning, fieldset[disabled] .btn-warning.active, fieldset[disabled] .btn-warning.focus, fieldset[disabled] .btn-warning:active, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning:hover {
    background-color: #f0ad4e;
    border-color: #eea236
}

.btn-warning .badge {
    color: #f0ad4e;
    background-color: #fff
}

.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a
}

.btn-danger.active, .btn-danger.focus, .btn-danger:active, .btn-danger:focus, .btn-danger:hover, .open > .dropdown-toggle.btn-danger {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925
}

.btn-danger.active, .btn-danger:active, .open > .dropdown-toggle.btn-danger {
    background-image: none
}

.btn-danger.disabled, .btn-danger.disabled.active, .btn-danger.disabled.focus, .btn-danger.disabled:active, .btn-danger.disabled:focus, .btn-danger.disabled:hover, .btn-danger[disabled], .btn-danger[disabled].active, .btn-danger[disabled].focus, .btn-danger[disabled]:active, .btn-danger[disabled]:focus, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger, fieldset[disabled] .btn-danger.active, fieldset[disabled] .btn-danger.focus, fieldset[disabled] .btn-danger:active, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger:hover {
    background-color: #d9534f;
    border-color: #d43f3a
}

.btn-danger .badge {
    color: #d9534f;
    background-color: #fff
}

.btn-link {
    color: #337ab7;
    font-weight: 400;
    border-radius: 0
}

.btn-link, .btn-link.active, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-link, .btn-link:active, .btn-link:focus, .btn-link:hover {
    border-color: transparent
}

.btn-link:focus, .btn-link:hover {
    color: #23527c;
    text-decoration: underline;
    background-color: transparent
}

.btn-link[disabled]:focus, .btn-link[disabled]:hover, fieldset[disabled] .btn-link:focus, fieldset[disabled] .btn-link:hover {
    color: #777;
    text-decoration: none
}

.btn-group-lg > .btn, .btn-lg {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px
}

.btn-group-sm > .btn, .btn-sm {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

.btn-group-xs > .btn, .btn-xs {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

.btn-block {
    display: block;
    width: 100%
}

.btn-block + .btn-block {
    margin-top: 5px
}

input[type=button].btn-block, input[type=reset].btn-block, input[type=submit].btn-block {
    width: 100%
}

.btn-group, .btn-group-vertical {
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.btn-group-vertical > .btn, .btn-group > .btn {
    position: relative;
    float: left
}

.btn-group-vertical > .btn.active, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:hover, .btn-group > .btn.active, .btn-group > .btn:active, .btn-group > .btn:focus, .btn-group > .btn:hover {
    z-index: 2
}

.btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group {
    margin-left: -1px
}

.btn-toolbar {
    margin-left: -5px
}

.btn-toolbar .btn-group, .btn-toolbar .input-group {
    float: left
}

.btn-toolbar > .btn, .btn-toolbar > .btn-group, .btn-toolbar > .input-group {
    margin-left: 5px
}

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 0
}

.btn-group > .btn:first-child {
    margin-left: 0
}

.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.btn-group > .btn-group {
    float: left
}

.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
    border-radius: 0
}

.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle {
    outline: 0
}

.btn-group > .btn + .dropdown-toggle {
    padding-left: 8px;
    padding-right: 8px
}

.btn-group > .btn-lg + .dropdown-toggle {
    padding-left: 12px;
    padding-right: 12px
}

.btn-group.open .dropdown-toggle {
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

.btn-group.open .dropdown-toggle.btn-link {
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn .caret {
    margin-left: 0
}

.btn-lg .caret {
    border-width: 5px 5px 0;
    border-bottom-width: 0
}

.dropup .btn-lg .caret {
    border-width: 0 5px 5px
}

.btn-group-vertical > .btn, .btn-group-vertical > .btn-group, .btn-group-vertical > .btn-group > .btn {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%
}

.btn-group-vertical > .btn-group > .btn {
    float: none
}

.btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group {
    margin-top: -1px;
    margin-left: 0
}

.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
    border-radius: 0
}

.btn-group-vertical > .btn:first-child:not(:last-child) {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical > .btn:last-child:not(:first-child) {
    border-bottom-left-radius: 4px;
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
    border-radius: 0
}

.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.btn-group-justified {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: separate
}

.btn-group-justified > .btn, .btn-group-justified > .btn-group {
    float: none;
    display: table-cell;
    width: 1%
}

.btn-group-justified > .btn-group .btn {
    width: 100%
}

.btn-group-justified > .btn-group .dropdown-menu {
    left: auto
}

[data-toggle=buttons] > .btn-group > .btn input[type=checkbox], [data-toggle=buttons] > .btn-group > .btn input[type=radio], [data-toggle=buttons] > .btn input[type=checkbox], [data-toggle=buttons] > .btn input[type=radio] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none
}

.input-group {
    position: relative;
    display: table;
    border-collapse: separate
}

.input-group[class*=col-] {
    float: none;
    padding-left: 0;
    padding-right: 0
}

.input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0
}

.input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px
}

select.input-group-lg > .form-control, select.input-group-lg > .input-group-addon, select.input-group-lg > .input-group-btn > .btn {
    height: 46px;
    line-height: 46px
}

select[multiple].input-group-lg > .form-control, select[multiple].input-group-lg > .input-group-addon, select[multiple].input-group-lg > .input-group-btn > .btn, textarea.input-group-lg > .form-control, textarea.input-group-lg > .input-group-addon, textarea.input-group-lg > .input-group-btn > .btn {
    height: auto
}

.input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

select.input-group-sm > .form-control, select.input-group-sm > .input-group-addon, select.input-group-sm > .input-group-btn > .btn {
    height: 30px;
    line-height: 30px
}

select[multiple].input-group-sm > .form-control, select[multiple].input-group-sm > .input-group-addon, select[multiple].input-group-sm > .input-group-btn > .btn, textarea.input-group-sm > .form-control, textarea.input-group-sm > .input-group-addon, textarea.input-group-sm > .input-group-btn > .btn {
    height: auto
}

.input-group-addon, .input-group-btn, .input-group .form-control {
    display: table-cell
}

.input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) {
    border-radius: 0
}

.input-group-addon, .input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle
}

.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px
}

.input-group-addon.input-sm {
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 3px
}

.input-group-addon.input-lg {
    padding: 10px 16px;
    font-size: 18px;
    border-radius: 6px
}

.input-group-addon input[type=checkbox], .input-group-addon input[type=radio] {
    margin-top: 0
}

.input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn-group:not(:last-child) > .btn, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group .form-control:first-child {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.input-group-addon:first-child {
    border-right: 0
}

.input-group-addon:last-child, .input-group-btn:first-child > .btn-group:not(:first-child) > .btn, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group .form-control:last-child {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.input-group-addon:last-child {
    border-left: 0
}

.input-group-btn {
    font-size: 0;
    white-space: nowrap
}

.input-group-btn, .input-group-btn > .btn {
    position: relative
}

.input-group-btn > .btn + .btn {
    margin-left: -1px
}

.input-group-btn > .btn:active, .input-group-btn > .btn:focus, .input-group-btn > .btn:hover {
    z-index: 2
}

.input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group {
    margin-right: -1px
}

.input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group {
    margin-left: -1px
}

.label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em
}

a.label:focus, a.label:hover {
    color: #fff;
    text-decoration: none;
    cursor: pointer
}

.label:empty {
    display: none
}

.btn .label {
    position: relative;
    top: -1px
}

.label-default {
    background-color: #777
}

.label-default[href]:focus, .label-default[href]:hover {
    background-color: #5e5e5e
}

.label-primary {
    background-color: #337ab7
}

.label-primary[href]:focus, .label-primary[href]:hover {
    background-color: #286090
}

.label-success {
    background-color: #5cb85c
}

.label-success[href]:focus, .label-success[href]:hover {
    background-color: #449d44
}

.label-info {
    background-color: #5bc0de
}

.label-info[href]:focus, .label-info[href]:hover {
    background-color: #31b0d5
}

.label-warning {
    background-color: #f0ad4e
}

.label-warning[href]:focus, .label-warning[href]:hover {
    background-color: #ec971f
}

.label-danger {
    background-color: #d9534f
}

.label-danger[href]:focus, .label-danger[href]:hover {
    background-color: #c9302c
}

.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05)
}

.panel-body {
    padding: 15px
}

.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px
}

.panel-heading > .dropdown .dropdown-toggle, .panel-title {
    color: inherit
}

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px
}

.panel-title > .small, .panel-title > .small > a, .panel-title > a, .panel-title > small, .panel-title > small > a {
    color: inherit
}

.panel-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.panel > .list-group, .panel > .panel-collapse > .list-group {
    margin-bottom: 0
}

.panel > .list-group .list-group-item, .panel > .panel-collapse > .list-group .list-group-item {
    border-width: 1px 0;
    border-radius: 0
}

.panel > .list-group:first-child .list-group-item:first-child, .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
    border-top: 0;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px
}

.panel > .list-group:last-child .list-group-item:last-child, .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
    border-bottom: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.list-group + .panel-footer, .panel-heading + .list-group .list-group-item:first-child {
    border-top-width: 0
}

.panel > .panel-collapse > .table, .panel > .table, .panel > .table-responsive > .table {
    margin-bottom: 0
}

.panel > .panel-collapse > .table caption, .panel > .table-responsive > .table caption, .panel > .table caption {
    padding-left: 15px;
    padding-right: 15px
}

.panel > .table-responsive:first-child > .table:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child, .panel > .table:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child, .panel > .table:first-child > thead:first-child > tr:first-child {
    border-top-right-radius: 3px;
    border-top-left-radius: 3px
}

.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table:first-child > thead:first-child > tr:first-child th:first-child {
    border-top-left-radius: 3px
}

.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table:first-child > thead:first-child > tr:first-child th:last-child {
    border-top-right-radius: 3px
}

.panel > .table-responsive:last-child > .table:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child, .panel > .table:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
    border-bottom-left-radius: 3px
}

.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
    border-bottom-right-radius: 3px
}

.panel > .panel-body + .table, .panel > .panel-body + .table-responsive, .panel > .table + .panel-body, .panel > .table-responsive + .panel-body {
    border-top: 1px solid #ddd
}

.panel > .table > tbody:first-child > tr:first-child td, .panel > .table > tbody:first-child > tr:first-child th {
    border-top: 0
}

.panel > .table-bordered, .panel > .table-responsive > .table-bordered {
    border: 0
}

.panel > .table-bordered > tbody > tr > td:first-child, .panel > .table-bordered > tbody > tr > th:first-child, .panel > .table-bordered > tfoot > tr > td:first-child, .panel > .table-bordered > tfoot > tr > th:first-child, .panel > .table-bordered > thead > tr > td:first-child, .panel > .table-bordered > thead > tr > th:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, .panel > .table-responsive > .table-bordered > thead > tr > td:first-child, .panel > .table-responsive > .table-bordered > thead > tr > th:first-child {
    border-left: 0
}

.panel > .table-bordered > tbody > tr > td:last-child, .panel > .table-bordered > tbody > tr > th:last-child, .panel > .table-bordered > tfoot > tr > td:last-child, .panel > .table-bordered > tfoot > tr > th:last-child, .panel > .table-bordered > thead > tr > td:last-child, .panel > .table-bordered > thead > tr > th:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, .panel > .table-responsive > .table-bordered > thead > tr > td:last-child, .panel > .table-responsive > .table-bordered > thead > tr > th:last-child {
    border-right: 0
}

.panel > .table-bordered > tbody > tr:first-child > td, .panel > .table-bordered > tbody > tr:first-child > th, .panel > .table-bordered > tbody > tr:last-child > td, .panel > .table-bordered > tbody > tr:last-child > th, .panel > .table-bordered > tfoot > tr:last-child > td, .panel > .table-bordered > tfoot > tr:last-child > th, .panel > .table-bordered > thead > tr:first-child > td, .panel > .table-bordered > thead > tr:first-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th, .panel > .table-responsive > .table-bordered > thead > tr:first-child > td, .panel > .table-responsive > .table-bordered > thead > tr:first-child > th {
    border-bottom: 0
}

.panel > .table-responsive {
    border: 0;
    margin-bottom: 0
}

.panel-group {
    margin-bottom: 20px
}

.panel-group .panel {
    margin-bottom: 0;
    border-radius: 4px
}

.panel-group .panel + .panel {
    margin-top: 5px
}

.panel-group .panel-heading {
    border-bottom: 0
}

.panel-group .panel-heading + .panel-collapse > .list-group, .panel-group .panel-heading + .panel-collapse > .panel-body {
    border-top: 1px solid #ddd
}

.panel-group .panel-footer {
    border-top: 0
}

.panel-group .panel-footer + .panel-collapse .panel-body {
    border-bottom: 1px solid #ddd
}

.panel-default {
    border-color: #ddd
}

.panel-default > .panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #ddd
}

.panel-default > .panel-heading .badge {
    color: #f5f5f5;
    background-color: #333
}

.panel-default > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #ddd
}

.panel-primary {
    border-color: #337ab7
}

.panel-primary > .panel-heading {
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7
}

.panel-primary > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #337ab7
}

.panel-primary > .panel-heading .badge {
    color: #337ab7;
    background-color: #fff
}

.panel-primary > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #337ab7
}

.panel-success {
    border-color: #d6e9c6
}

.panel-success > .panel-heading {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6
}

.panel-success > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #d6e9c6
}

.panel-success > .panel-heading .badge {
    color: #dff0d8;
    background-color: #3c763d
}

.panel-success > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #d6e9c6
}

.panel-info {
    border-color: #bce8f1
}

.panel-info > .panel-heading {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1
}

.panel-info > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #bce8f1
}

.panel-info > .panel-heading .badge {
    color: #d9edf7;
    background-color: #31708f
}

.panel-info > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #bce8f1
}

.panel-warning {
    border-color: #faebcc
}

.panel-warning > .panel-heading {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc
}

.panel-warning > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #faebcc
}

.panel-warning > .panel-heading .badge {
    color: #fcf8e3;
    background-color: #8a6d3b
}

.panel-warning > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #faebcc
}

.panel-danger {
    border-color: #ebccd1
}

.panel-danger > .panel-heading {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1
}

.panel-danger > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #ebccd1
}

.panel-danger > .panel-heading .badge {
    color: #f2dede;
    background-color: #a94442
}

.panel-danger > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #ebccd1
}

.btn-group-vertical > .btn-group:after, .btn-group-vertical > .btn-group:before, .btn-toolbar:after, .btn-toolbar:before, .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .panel-body:after, .panel-body:before, .row:after, .row:before {
    content: " ";
    display: table
}

.btn-group-vertical > .btn-group:after, .btn-toolbar:after, .clearfix:after, .container-fluid:after, .container:after, .dl-horizontal dd:after, .form-horizontal .form-group:after, .panel-body:after, .row:after {
    clear: both
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.pull-right {
    float: right !important
}

.pull-left {
    float: left !important
}

.hide {
    display: none !important
}

.show {
    display: block !important
}

.invisible {
    visibility: hidden
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.hidden {
    display: none !important;
    visibility: hidden !important
}

.affix {
    position: fixed
}

.certWrap img {
    width: 100%
}

.certWrap .rz-top {
    width: 100%;
    margin-bottom: 10px
}

.certWrap .rz-cont {
    width: 94%;
    margin: 10px auto;
    overflow: hidden;
    position: relative
}

.certWrap .rz-state {
    width: 16%;
    position: absolute;
    top: 0;
    right: 0
}

.certWrap .rz-state img {
    width: 60%;
    margin: 15px auto 0
}

.certWrap .popup-box {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .3)
}

.certWrap .module-content {
    position: absolute;
    top: 32%;
    left: 50%;
    width: 80%;
    padding: 15px 10px 20px;
    margin-left: -42%;
    border-radius: 8px;
    border: 1px solid #999;
    font-size: 12px;
    background: #fff
}

.certWrap .module-content .btn-close {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 20px;
    height: 20px;
    background: url(https://static.changingedu.com/static/assets/static/student/findteacher/images/icon-close.1cee44db08231967c2107a6c937e0124.jpg) no-repeat;
    background-size: cover
}

.certWrap .module-content h2 {
    margin-bottom: 12px;
    margin-top: 0;
    font-size: 18px;
    color: #fe9900;
    font-weight: 500
}

.certWrap .module-content p {
    line-height: 22px;
    font-size: 14px;
    color: #333
}

.certWrap i.returnBack {
    position: absolute;
    width: 60px;
    height: 55px;
    line-height: 55px;
    text-align: left;
    left: 0;
    bottom: 0;
    padding-left: 20px
}

.certWrap header {
    display: none;
    width: 100%;
    height: 55px;
    top: 0;
    left: 0;
    padding-top: 19px;
    padding-bottom: 8px;
    text-align: center;
    vertical-align: middle;
    border-bottom: 1px solid #ccc;
    background-color: #f7f8f7;
    position: fixed;
    z-index: 10
}

.certWrap i img {
    width: 10px
}

.certWrap header h3 {
    font-size: 18px;
    margin: 0 auto;
    max-width: 80%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.header-for-old-app header {
    display: block
}

.header-for-old-app .rz-top {
    margin-top: 55px
}

.wc100 {
    width: 100%
}

.bWhite {
    background: #fff
}

.mt12 {
    margin-top: 12px
}

.ml20 {
    margin-left: 20px
}

.ml10 {
    margin-left: 10px
}

.bold {
    font-weight: 700
}

.mt5 {
    margin-top: 5px
}

.ml25 {
    margin-left: 25px
}

.ml5 {
    margin-left: 5px
}

.mt10 {
    margin-top: 10px
}

.visHidden {
    visibility: hidden
}

.cBlue {
    color: #49a8ee
}

.max-600 {
    margin-left: auto;
    margin-right: auto;
    max-width: 600px
}

.pdb50 {
    padding-bottom: 50px
}

.mt30 {
    margin-top: 30px
}

.mlR20 {
    margin-left: .266667rem
}

.mtR20 {
    margin-top: .266667rem
}

.alCenter {
    text-align: center
}

.abs {
    position: absolute
}

.rel {
    position: relative
}

.mtR10 {
    margin-top: .133333rem
}

.mlR10 {
    margin-left: .133333rem
}

.mt40 {
    margin-top: 40px
}

.mt20 {
    margin-top: 20px
}

.mtR200 {
    margin-top: 2.66667rem
}

.mtR30 {
    margin-top: .4rem
}

.maxF100 {
    width: 100%;
    height: auto
}

.fl {
    float: left
}

.ovh {
    overflow: hidden
}

.fr {
    float: right
}

.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.cf:after {
    visibility: hidden;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.cf, .cf:after {
    display: block
}

.max100 {
    width: 100%;
    height: auto
}

.mt35 {
    margin-top: 35px
}

.bgwhite {
    background: #fff
}

.cGrey {
    color: #999
}

.mr20 {
    margin-right: 20px
}

.mrR20 {
    margin-right: .266667rem
}

.mlR25 {
    margin-left: .333333rem
}

html {
    background: #ecf0f3
}

a:active, a:hover, a:link {
    text-decoration: none
}

.circleimg {
    border-top-left-radius: 9999px;
    border-top-right-radius: 9999px;
    border-bottom-right-radius: 9999px;
    border-bottom-left-radius: 9999px
}

.qr-popup-info {
    width: 100%;
    overflow: hidden
}

.qr-popup .qr-popup-info .avatar {
    width: 1.6rem;
    height: 1.6rem;
    margin-left: -.8rem;
    margin-top: -.8rem;
    position: absolute;
    left: 50%;
    top: 50%
}

.header-for-old-app .rempagewrap {
    padding-top: 54px
}

.header-for-old-app.historyList .expr-info {
    padding-top: 35px;
    border-top: none
}

.popup-contents.toast-qingqing {
    position: fixed;
    top: 40%;
    width: 80%;
    margin-left: -40%;
    line-height: 30px;
    text-align: center;
    background: #333;
    color: #fff;
    padding: 10px;
    font-size: 16px;
    z-index: 999;
    box-shadow: 0 0 10px rgba(0, 0, 0, .8)
}

.popup-contents.toast-qingqing .popup-main {
    margin: 0
}

.popup-contents.toast-qingqing .popup-info {
    padding: 0
}

.popup-contents.toast-qingqing .toast-message {
    background: #333
}

.popup-contents.flex-pop.wc60 {
    width: 65%;
    margin-left: -32.5%;
    z-index: 1001
}

.popup-contents.flex-pop {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    resize: vertical;
    overflow: auto;
    position: fixed;
    top: 45%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.popup-contents.flex-pop .popup-main {
    margin: 0
}

.popup-contents.flex-pop .popup-shtml {
    padding: 10px
}

.popup-contents.flex-pop .popup-info {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0
}

.popup-contents.flex-pop .common-notice {
    line-height: 1.8;
    font-size: 14px;
    color: #7f7f7f
}

.popup-contents.flex-pop .download-btn {
    font-size: 14px;
    margin-top: 10px;
    background: #f0f0f0;
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 30px;
    vertical-align: middle;
    color: #fff;
    border-radius: 8px;
    background: #f60
}

.popup-contents.flex-pop .btns {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px
}

.popup-contents.flex-pop .btns .btnCancle {
    color: #a5a5a5;
    border-right: 1px solid #e9e9e9
}

.popup-contents.flex-pop .btns .btnCancle, .popup-contents.flex-pop .btns .btnConfirm {
    border-top: 1px solid #e9e9e9;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    line-height: 2;
    padding-top: .133333rem;
    padding-bottom: .133333rem;
    vertical-align: middle;
    text-align: center;
    display: block
}

.popup-contents.flex-pop .btns .btnConfirm {
    color: #23cd77
}

.pdt20 {
    padding-top: 20px
}

.pdb100 {
    padding-bottom: 100px
}

.pop-wrap, .wh100 {
    width: 100%;
    height: 100%
}

.pop-wrap {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10;
    background-color: rgba(0, 0, 0, .5)
}

body .popup-contents {
    height: auto;
    width: 80%;
    top: 20%;
    margin-left: -40%
}

.popup-contents img.qr {
    width: 7rem;
    height: 7rem
}

.popup-contents .popup-info {
    background: #fff
}

.popup-contents h3 {
    width: 80%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-left: auto;
    margin-right: auto;
    font-size: .65rem
}

body .popup-contents .popup-info {
    border-radius: 1rem
}

.popup-contents .popup-info .popup-cancelx {
    margin-right: 5px;
    font-size: .6rem;
    display: none
}

body .popup-contents .popup-main .popup-shtml {
    margin-bottom: 0
}

.pop-wrap {
    color: #333
}

.pop-wrap h1 {
    font-size: 14px;
    margin: 0;
    line-height: 1.5
}

.pop-wrap .pop-body {
    padding: .333333rem;
    padding-top: .293333rem;
    border-radius: .133333rem;
    width: 7.85333rem;
    background: #fff;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    position: absolute
}

.pop-wrap .tec-grade {
    padding-left: .613333rem;
    padding-right: .613333rem
}

.pop-wrap .icon-close {
    width: 1rem;
    height: 1rem;
    background-position: top;
    background-size: .4rem .4rem;
    position: absolute;
    right: .333333rem;
    top: .333333rem
}

.pop-wrap p {
    font-size: 14px;
    margin-bottom: 0;
    line-height: 2
}

.cOrange {
    font-weight: 700;
    color: #f60 !important
}

.rempagewrap {
    background: #ecf0f3
}

.rempagewrap * {
    box-sizing: border-box
}

.expr-info-wrap {
    background: #fff
}

.expr-info-wrap .all-expr {
    width: 100%;
    height: 1.2rem;
    line-height: 1.2rem;
    text-align: center;
    vertical-align: middle;
    color: #999;
    font-size: 14px;
    border-bottom: 1px solid #d2d3d4;
    display: block
}

.max-600 .certWrap header {
    max-width: 600px;
    left: auto
}

.max-600 .courseInfoWrap {
    width: 600px;
    left: auto
}

.max-600 .picsList .row-wrap {
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify
}

.max-600 .picsList .row-wrap > div {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden
}

.max-600 .img-gallary {
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify
}

.max-600 .bottom-wrap, .max-600 .hover-wrap {
    width: 600px
}

.max-600 .pdb100 {
    padding-bottom: 150px
}

.c333 {
    color: #333
}

.hover-wrap.hover-bottom {
    bottom: 0
}

.hover-wrap {
    box-shadow: 0 -1px 2px #f1f1f1;
    position: fixed;
    bottom: 1.53333rem;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    background: #f1f1f1;
    border-top: 1px solid #d2d3d4;
    padding-top: 10px
}

.hover-wrap div {
    line-height: 2
}

.hover-wrap span {
    color: #39f;
    font-size: 18px
}

.hover-wrap em {
    color: #f60;
    font-size: 18px
}

.hover-wrap p {
    font-size: 14px
}

.max-600 .map-wrap {
    width: 600px;
    margin-left: auto;
    margin-right: auto
}

.max-600 #container {
    width: 600px
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@-webkit-keyframes fadeInUp-reverse {
    0% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes fadeInUp-reverse {
    0% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

.fadeInUp-reverse {
    -webkit-animation-name: fadeInUp-reverse;
    animation-name: fadeInUp-reverse
}

.animated-500 {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.wc100 {
    width: 100%
}

.bWhite {
    background: #fff
}

.mt12 {
    margin-top: 12px
}

.ml20 {
    margin-left: 20px
}

.ml10 {
    margin-left: 10px
}

.bold {
    font-weight: 700
}

.mt5 {
    margin-top: 5px
}

.ml25 {
    margin-left: 25px
}

.ml5 {
    margin-left: 5px
}

.mt10 {
    margin-top: 10px
}

.visHidden {
    visibility: hidden
}

.cBlue {
    color: #49a8ee
}

.max-600 {
    margin-left: auto;
    margin-right: auto;
    max-width: 600px
}

.pdb50 {
    padding-bottom: 50px
}

.mt30 {
    margin-top: 30px
}

.mlR20 {
    margin-left: .266667rem
}

.mtR20 {
    margin-top: .266667rem
}

.alCenter {
    text-align: center
}

.abs {
    position: absolute
}

.rel {
    position: relative
}

.mtR10 {
    margin-top: .133333rem
}

.mlR10 {
    margin-left: .133333rem
}

.mt40 {
    margin-top: 40px
}

.mt20 {
    margin-top: 20px
}

.mtR200 {
    margin-top: 2.66667rem
}

.mtR30 {
    margin-top: .4rem
}

.maxF100 {
    width: 100%;
    height: auto
}

.fl {
    float: left
}

.ovh {
    overflow: hidden
}

.fr {
    float: right
}

.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.cf:after {
    visibility: hidden;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.cf, .cf:after {
    display: block
}

.max100 {
    width: 100%;
    height: auto
}

.mt35 {
    margin-top: 35px
}

.bgwhite {
    background: #fff
}

.cGrey {
    color: #999
}

.mr20 {
    margin-right: 20px
}

.mrR20 {
    margin-right: .266667rem
}

.mlR25 {
    margin-left: .333333rem
}

body, html {
    background: #f0f0f0
}

.find-home .img-gallary .comment-txt span {
    margin-left: .133333rem
}

.max-600 .find-home .header-log {
    width: 600px;
    left: auto
}

.max-600 .find-home .course-wrap {
    width: 600px;
    margin: 0
}

.max-600 .teacher-list .search-drop {
    width: 600px;
    left: auto
}

.course-wrap .swiper-pagination {
    width: 100%
}

.popup-contents.pop-downloadapp {
    width: 8rem;
    margin-left: -4rem
}

.popup-contents.pop-downloadapp .popup-info {
    padding: 0
}

.popup-contents.pop-downloadapp .popup-main {
    margin: 0
}

.top-fixed-wrap {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%
}

.fake-course-wrap {
    position: fixed !important;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 5;
    overflow: hidden
}

.fake-course-wrap .course-wrap-container {
    top: 0 !important
}

.js-container {
    height: 100%
}

.js-container, .page {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.page {
    min-height: 100%
}

.group-search-wrap {
    background: #fff
}

.group-search-wrap .swiper-wrapper {
    height: 200%
}

.group-search-wrap .swiper-slide {
    width: 100%;
    height: auto
}

.teacher_head_header .new_m_header .icon_search {
    width: 1.33333rem;
    height: 1.3rem;
    line-height: 1.3rem;
    vertical-align: middle;
    position: absolute;
    text-align: center;
    color: #23cd77;
    font-size: 14px;
    right: 0;
    top: 0;
    z-index: 1000
}

.teacher_head_header .new_m_header .search_close_icon {
    box-sizing: border-box;
    position: absolute;
    right: 0;
    top: 0;
    width: 1rem;
    height: 100%
}

.teacher_head_header .new_m_header .search_close_icon div {
    width: .346667rem;
    height: .346667rem;
    left: 50%;
    top: 50%;
    margin-left: -.173333rem;
    margin-top: -.173333rem;
    position: absolute;
    background: url(https://static.changingedu.com/static/assets/static/student/findteacher/images/545/search_close.f4b769802fb22f59a8880d791a92ab16.jpg) no-repeat;
    background-size: 100% 100%
}

.teacher_head_header .new_m_header .search_wrap {
    width: 7.4rem;
    height: .853333rem;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -3.7rem;
    margin-top: -.426667rem;
    background: #fff;
    z-index: 1000;
    border: 1px solid #e2e2e2;
    border-radius: 25px
}

.teacher_head_header .new_m_header .search_wrap input {
    width: 85%;
    border-radius: 25px;
    padding-left: .333333rem;
    display: block;
    height: 100%;
    border: 0
}

.teacher_head_header .new_m_header.fixed {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 1.3rem;
    z-index: 5
}

.teacher_head_header .new_m_header .icon-drop {
    width: .333333rem;
    height: .186667rem;
    position: absolute;
    background: url(https://static.changingedu.com/static/assets/static/student/findteacher/images/500/icon_drop.023f88a753507aa6d7e82645a38084f6.png) no-repeat;
    background-size: 100% 100%;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg)
}

.teacher_head_header .new_m_header .icon-drop, .teacher_head_header .new_m_header .rotate {
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.teacher_head_header .new_m_header .rotate {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.teacher_head_header .new_m_header .common-margin {
    margin-top: 1.3rem
}

.teacher_head_header .new_m_header header {
    display: block;
    width: 100%;
    height: 1.3rem;
    top: 0;
    left: 0;
    padding-top: 0;
    padding-bottom: 0;
    text-align: center;
    vertical-align: middle;
    border-bottom: 1px solid #ccc;
    background-color: #f7f7f7;
    position: fixed;
    color: #fff;
    z-index: 999
}

.teacher_head_header .new_m_header i.returnBack {
    height: 1.3rem;
    line-height: 1.3rem;
    vertical-align: middle;
    background: url(https://static.changingedu.com/static/assets/static/student/findteacher/images/find_teacher/tips_lj_green.bd07b77c2474c0608cb141b67f631258.png) no-repeat;
    background-size: .28rem .48rem;
    background-position: 50%;
    padding-left: 0;
    width: 1.33333rem
}

.teacher_head_header .new_m_header header h3 {
    height: 100%;
    line-height: 1.3rem;
    vertical-align: middle;
    color: #333;
    overflow: visible;
    max-width: 70%
}

.teacher_head_header .new_m_header .ellipsis {
    display: inline-block;
    max-width: 100%
}

.vsh {
    visibility: hidden !important
}

.home-invite-page {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1001
}

.home-invite-page .pop-mask {
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .6;
    top: 0;
    left: 0;
    z-index: 2;
    position: absolute
}

.flex-wrap.home-invite {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    height: 100%
}

.flex-wrap.home-invite .img-wrap, .flex-wrap.home-invite .img-wrap .img {
    width: 100%;
    height: 6.72rem;
    position: relative
}

.flex-wrap.home-invite .img-wrap .img {
    background: url(https://static.changingedu.com/static/assets/static/student/findteacher/images/regist_activity.ac932ba76ab8ffb9e864874f7390de41.png) no-repeat;
    background-size: 100% 100%;
    z-index: 3
}

.flex-wrap.home-invite .close {
    position: absolute;
    right: 0;
    top: 0;
    width: 1.57333rem;
    height: 1.13333rem;
    background: url(https://static.changingedu.com/static/assets/static/student/findteacher/images/regist_activity_close.1556072c75c420b037728cc4a2dd923a.png) no-repeat;
    background-size: 100% 100%;
    z-index: 4
}

.icon-tel {
    width: 1.22667rem;
    height: 1.76rem;
    position: fixed;
    bottom: 2rem;
    right: .266667rem;
    z-index: 5;
    display: block;
    background: url(https://static.changingedu.com/static/assets/static/student/findteacher/images/icon_tel.00b9fa469650972a21bc5848715467ad.png) no-repeat;
    background-size: 100% 100%
}

.pop-downloadapp {
    padding-top: .666667rem;
    padding-bottom: .4rem;
    background: #fff;
    border-radius: .266667rem
}

.pop-downloadapp .body {
    width: 7rem;
    margin-left: auto;
    margin-right: auto;
    height: 100%
}

.pop-downloadapp .icon-close {
    width: 1rem;
    height: 1rem;
    position: absolute;
    right: -.2rem;
    top: -.5rem
}

.pop-downloadapp .icon-close em {
    background: url(https://static.changingedu.com/static/assets/static/student/findteacher/images/sprite/findteacher-min.adfc3cb11d52574132c908ec2aafc1d7.png) no-repeat;
    background-position: -6.93333rem -4.6rem;
    background-size: 10rem 6.97333rem;
    width: .4rem;
    height: .4rem;
    left: 50%;
    top: 50%;
    margin-left: -.2rem;
    margin-top: -.2rem;
    position: absolute
}

.pop-downloadapp .item {
    padding-top: .333333rem;
    padding-bottom: .333333rem;
    display: block
}

.pop-downloadapp .item:first-child {
    border-bottom: 1px solid #e6e6e6
}

.pop-downloadapp .item:first-child h2 {
    color: #23cd77
}

.pop-downloadapp .icon {
    float: left;
    width: 1.93333rem;
    height: 1.5rem
}

.pop-downloadapp .icon em {
    width: 1.6rem;
    height: 1.6rem;
    margin-left: auto;
    margin-right: auto;
    display: block;
    background: url(https://static.changingedu.com/static/assets/static/student/findteacher/images/sprite/findteacher-min.adfc3cb11d52574132c908ec2aafc1d7.png) no-repeat;
    background-position: -2.46667rem -5.38333rem;
    background-size: 10rem 6.97333rem
}

.pop-downloadapp .icon-teacher em {
    background: url(https://static.changingedu.com/static/assets/static/student/findteacher/images/sprite/findteacher-min.adfc3cb11d52574132c908ec2aafc1d7.png) no-repeat;
    background-position: -4.14667rem -5.45333rem;
    background-size: 10rem 6.97333rem
}

.pop-downloadapp .content {
    margin-left: 2.1rem;
    height: 1.5rem;
    position: relative
}

.pop-downloadapp h2 {
    font-size: 19px;
    color: #1571fa;
    margin: 0;
    position: absolute;
    top: .1rem
}

.pop-downloadapp p {
    color: #9e9e9e;
    margin: 0;
    position: absolute;
    bottom: .1rem;
    font-size: 14px
}

.mr5 {
    margin-right: 5px
}

.find-home .qingqing-promotes {
    background: #fff;
    width: 100%;
    overflow: hidden
}

.find-home .qingqing-promotes .qingqing-toutiao-twoline {
    position: relative;
    margin: 2px 0;
    font-size: 20px;
    padding: .133333rem 0;
    overflow: hidden
}

.find-home .qingqing-promotes .qingqing-toutiao-twoline .rotate-wrap {
    position: absolute;
    top: 0;
    left: 1.75rem;
    width: 85%;
    padding-left: 10px;
    height: 48px
}

.find-home .qingqing-promotes .qingqing-toutiao-twoline .l {
    position: absolute;
    left: .32rem;
    top: .233333rem;
    color: #fb7b3e;
    height: 40px;
    width: 40px;
    line-height: 24px;
    font-weight: 700;
    font-size: 14px;
    background: url(https://static.changingedu.com/static/assets/static/student/findteacher/images/pic_home_news@2x.cb9a02e763ecfcb69427bf26a7ad1c64.jpg) no-repeat;
    background-size: 100% 100%
}

.find-home .qingqing-promotes .qingqing-toutiao-twoline .line {
    position: absolute;
    height: 100%;
    width: 1px;
    left: 1.75rem
}

.find-home .qingqing-promotes .qingqing-toutiao-twoline .line em {
    height: 35px;
    position: absolute;
    top: 7px;
    left: 0;
    width: 1px;
    background: #dcdcdc
}

.find-home .qingqing-promotes .qingqing-toutiao-twoline .txt-wrap {
    position: relative;
    font-size: 16px;
    margin-left: .6rem;
    max-width: 8.93333rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 48px
}

.find-home .qingqing-promotes .qingqing-toutiao-twoline .line_ellipsis {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.find-home .qingqing-promotes .qingqing-toutiao-twoline .item {
    width: 95%;
    height: 48px;
    line-height: 24px;
    font-size: 14px
}

.find-home .qingqing-promotes .qingqing-toutiao-twoline .item a {
    margin: 0;
    position: relative;
    display: block;
    width: 100%;
    color: #333
}

.find-home .qingqing-promotes .qingqing-toutiao-twoline .item a b {
    position: absolute;
    display: block;
    width: 4px;
    height: 4px;
    top: 50%;
    margin-top: -2px;
    border-top-left-radius: 9999px;
    border-top-right-radius: 9999px;
    border-bottom-right-radius: 9999px;
    border-bottom-left-radius: 9999px;
    left: -14px;
    background: #fb7b3e
}

.find-home .qingqing-promotes .qingqing-toutiao-twoline .arr {
    position: absolute;
    width: .8rem;
    height: 100%;
    top: 0;
    right: .333333rem
}

.find-home .qingqing-promotes .qingqing-toutiao-twoline .arr em {
    position: absolute;
    margin-top: -10px;
    top: 50%;
    right: 0;
    width: 10px;
    height: 20px;
    background: url(https://static.changingedu.com/static/assets/static/student/findteacher/images/500/rightarrow.ce2161cc74f85f84c51c5472c15bbac4.jpg) no-repeat;
    background-size: 100% 100%
}

.find-home .qingqing-promotes .qingqing-toutiao {
    position: relative;
    margin: 2px 0;
    font-size: 20px;
    height: 1.06667rem;
    line-height: 1.06667rem;
    overflow: hidden
}

.find-home .qingqing-promotes .qingqing-toutiao strong {
    position: absolute;
    left: .32rem;
    top: 0;
    color: #fb7b3e;
    height: 1.06667rem;
    line-height: 1.06667rem;
    font-weight: 700;
    font-size: 14px
}

.find-home .qingqing-promotes .qingqing-toutiao .line {
    position: absolute;
    height: 100%;
    width: 1px;
    left: 2.3rem
}

.find-home .qingqing-promotes .qingqing-toutiao .line em {
    height: 14px;
    position: absolute;
    top: 50%;
    margin-top: -7px;
    width: 1px;
    background: #dcdcdc
}

.find-home .qingqing-promotes .qingqing-toutiao .txt-wrap {
    position: relative;
    font-size: 16px;
    margin-left: .6rem;
    max-width: 8.93333rem;
    height: 1.06667rem;
    line-height: 1.06667rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.find-home .qingqing-promotes .qingqing-toutiao p {
    position: absolute;
    top: 0;
    left: 2rem;
    width: 100%;
    line-height: 1.06667rem
}

.find-home .qingqing-promotes .qingqing-toutiao p > a {
    padding: 0 .133333rem;
    color: #0c0c0c;
    position: relative;
    font-size: 14px;
    display: block
}

.find-home .qingqing-promotes .qingqing-toutiao .arr {
    position: absolute;
    width: .8rem;
    height: 100%;
    top: 0;
    right: .333333rem
}

.find-home .qingqing-promotes .qingqing-toutiao .arr em {
    position: absolute;
    margin-top: -10px;
    top: 50%;
    right: 0;
    width: 10px;
    height: 20px;
    background: url(https://static.changingedu.com/static/assets/static/student/findteacher/images/500/rightarrow.ce2161cc74f85f84c51c5472c15bbac4.jpg) no-repeat;
    background-size: 100% 100%
}

.find-home .operation-banner {
    width: 100%;
    height: 5rem
}

.find-home .operation-banner > div {
    position: absolute;
    border: 1px solid #e9e9e9;
    box-sizing: content-box
}

.find-home .operation-banner img {
    width: 100%;
    height: 100%
}

.find-home .banner-wrap {
    width: 100%;
    height: 4rem
}

.find-home .banner-wrap .swiper-slide a {
    display: block;
    width: 100%;
    height: 100%
}

.find-home .banner-wrap .swiper-slide img {
    width: 100%
}

.find-home .banner-wrap .swiper-pagination {
    bottom: 1rem !important
}

.find-home .banner-wrap .swiper-pagination .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    opacity: .5;
    background: #fff !important
}

.find-home .banner-wrap .swiper-pagination .swiper-pagination-bullet-active {
    background: #fff !important;
    opacity: 1
}

.find-home .course-wrap-container {
    padding-left: .333333rem;
    background: #fff;
    position: relative;
    top: -.77rem;
    padding-bottom: .133333rem;
    overflow: hidden;
    width: 100%
}

.find-home .course-wrap-container.fixed-top {
    top: 0;
    position: fixed;
    padding-top: .133333rem;
    z-index: 10
}

.find-home .course-newhome-wrap {
    width: 100%;
    overflow: hidden
}

.find-home .course-newhome-wrap .flex-container {
    text-align: center;
    position: relative;
    z-index: 3
}

.find-home .course-newhome-wrap .flex-container .item {
    display: inline-block
}

.find-home .course-newhome-wrap .flex-container .item:last-child {
    margin-right: 0
}

.find-home .course-newhome-wrap .item {
    width: 1.44rem;
    height: 2.06667rem;
    margin-right: .5rem
}

.find-home .course-newhome-wrap .icon {
    width: 100%;
    height: 1.44rem
}

.find-home .course-newhome-wrap .icon img {
    width: 100%;
    height: 100%
}

.find-home .course-newhome-wrap .shuxue {
    background-position: -3.68rem -3.57333rem
}

.find-home .course-newhome-wrap .aoshu {
    background-position: 0 -3.57333rem
}

.find-home .course-newhome-wrap .dili {
    background-position: -1.84rem -1.73333rem
}

.find-home .course-newhome-wrap .huaxue {
    background-position: -3.68rem -1.73333rem
}

.find-home .course-newhome-wrap .kexue {
    background-position: -5.52rem -1.73333rem
}

.find-home .course-newhome-wrap .lishi {
    background-position: -7.36rem -1.73333rem
}

.find-home .course-newhome-wrap .meishu {
    background-position: 0 -1.73333rem
}

.find-home .course-newhome-wrap .shengwu {
    background-position: -1.84rem -3.57333rem
}

.find-home .course-newhome-wrap .wuli {
    background-position: -5.52rem -3.57333rem
}

.find-home .course-newhome-wrap .yingyu {
    background-position: -7.36rem -3.57333rem
}

.find-home .course-newhome-wrap .yuwen {
    background-position: 0 -5.41333rem
}

.find-home .course-newhome-wrap .zhengzhi {
    background-position: -1.84rem -5.41333rem
}

.find-home .course-newhome-wrap .txt {
    text-align: center;
    font-size: 13px;
    color: #666;
    width: 100%;
    margin-top: .133333rem
}

.find-home .course-wrap-new {
    width: 100%;
    background: #fff
}

.find-home .course-wrap-new .swiper-wrapper {
    padding-top: .266667rem;
    padding-bottom: .533333rem;
    width: 100%
}

.find-home .course-wrap-new .swiper-pagination {
    left: 0;
    bottom: .15rem;
    width: 100%
}

.find-home .course-wrap-new .swiper-pagination-bullet {
    width: .186667rem;
    height: .186667rem;
    background: #c2c2c2
}

.find-home .course-wrap-new .item-wrap {
    padding-left: .266667rem;
    padding-right: .266667rem;
    padding-bottom: .266667rem;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify
}

.find-home .course-wrap-new .item-wrap .item {
    width: 1.44rem;
    height: 2.06667rem
}

.find-home .course-wrap-new .item-wrap .icon {
    width: 100%;
    height: 1.44rem;
    background: url(https://static.changingedu.com/static/assets/static/student/findteacher/images/sprite/m_icon-min.bd69c776dedca1ba5be4961f4d583924.png) no-repeat;
    background-size: 10rem 6.85333rem
}

.find-home .course-wrap-new .item-wrap .shuxue {
    background-position: -3.68rem -3.57333rem
}

.find-home .course-wrap-new .item-wrap .aoshu {
    background-position: 0 -3.57333rem
}

.find-home .course-wrap-new .item-wrap .dili {
    background-position: -1.84rem -1.73333rem
}

.find-home .course-wrap-new .item-wrap .huaxue {
    background-position: -3.68rem -1.73333rem
}

.find-home .course-wrap-new .item-wrap .kexue {
    background-position: -5.52rem -1.73333rem
}

.find-home .course-wrap-new .item-wrap .lishi {
    background-position: -7.36rem -1.73333rem
}

.find-home .course-wrap-new .item-wrap .meishu {
    background-position: 0 -1.73333rem
}

.find-home .course-wrap-new .item-wrap .shengwu {
    background-position: -1.84rem -3.57333rem
}

.find-home .course-wrap-new .item-wrap .wuli {
    background-position: -5.52rem -3.57333rem
}

.find-home .course-wrap-new .item-wrap .yingyu {
    background-position: -7.36rem -3.57333rem
}

.find-home .course-wrap-new .item-wrap .yuwen {
    background-position: 0 -5.41333rem
}

.find-home .course-wrap-new .item-wrap .zhengzhi {
    background-position: -1.84rem -5.41333rem
}

.find-home .course-wrap-new .item-wrap .txt {
    text-align: center;
    font-size: 14px;
    color: #666;
    width: 100%;
    margin-top: .133333rem
}

.find-home .nologin-wrap {
    color: #666;
    width: 100%;
    text-align: center;
    margin-bottom: .2rem
}

.find-home .nologin-wrap .seperate {
    display: inline-block;
    margin-left: .266667rem;
    margin-right: .266667rem;
    height: 14px;
    position: relative;
    top: 3px;
    width: 2px;
    background: #666
}

.find-home .login-wrap {
    margin-top: .666667rem;
    font-size: 14px
}

.find-home .login-wrap .loginout {
    color: #666;
    float: left;
    margin-left: .333333rem;
    overflow: visible
}

.find-home .login-wrap .contact-info {
    margin-bottom: .2rem;
    color: #666
}

.find-home .login-wrap .contact-info a {
    color: #666
}

.find-home .login-wrap .js_phone_number {
    color: #666;
    margin-left: .08rem;
    margin-right: .133333rem
}

.find-home .login-wrap > div {
    overflow: hidden;
    height: 26px;
    line-height: 26px
}

.find-home .login-wrap .login {
    color: #23cd77;
    float: left;
    margin-left: .333333rem
}

.find-home .login-wrap .pc-client-wrap {
    margin-bottom: .4rem;
    color: #666;
    clear: both;
    margin-left: .45rem
}

.find-home .login-wrap .pc-client-wrap a {
    color: #666
}

.find-home .login-wrap .pc-client-wrap > div {
    float: left
}

.find-home .login-wrap .pc-client-wrap .seperate {
    float: left;
    margin-left: .266667rem;
    margin-right: .266667rem;
    height: 14px;
    margin-top: 6px;
    width: 2px;
    background: #666
}

.find-home .login-wrap .client {
    float: right;
    margin-right: .333333rem;
    color: #23cd77
}

.find-home .login-wrap .client em {
    display: inline-block;
    width: 26px;
    height: 26px;
    background: url(https://static.changingedu.com/static/assets/static/student/findteacher/images/sprite/findteacher-min.adfc3cb11d52574132c908ec2aafc1d7.png) no-repeat;
    background-position: -425px -344px;
    background-size: 750px 523px;
    margin-right: .133333rem
}

.find-home .login-wrap .client span {
    display: inline-block;
    height: 26px;
    line-height: 26px;
    vertical-align: top
}

.find-home .login-wrap .pc {
    float: right;
    color: #1571fa;
    margin-right: .333333rem
}

.find-home .login-wrap .pc em {
    width: 21px;
    height: 26px;
    margin-right: .133333rem;
    display: inline-block;
    background: url(https://static.changingedu.com/static/assets/static/student/findteacher/images/sprite/findteacher-min.adfc3cb11d52574132c908ec2aafc1d7.png) no-repeat;
    background-position: -480px -342px;
    background-size: 750px 523px
}

.find-home .login-wrap .pc span {
    display: inline-block;
    height: 26px;
    line-height: 26px;
    vertical-align: top
}

.find-home .swiper-container-horizontal .swiper-pagination {
    bottom: .19rem
}

.find-home .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    border-top-left-radius: 9999px;
    border-top-right-radius: 9999px;
    border-bottom-right-radius: 9999px;
    border-bottom-left-radius: 9999px;
    background: #ccc
}

.find-home .swiper-pagination .swiper-pagination-bullet-active {
    background: #999
}

.find-home .swiper-container-horizontal > .swiper-pagination .swiper-pagination-bullet {
    margin-right: .333333rem;
    margin-left: 0
}

.find-home .swiper-container-horizontal > .swiper-pagination .swiper-pagination-bullet:last-child {
    margin-right: 0
}

.find-home .head-wrap {
    width: 100%;
    overflow: hidden;
    margin-bottom: -.6rem
}

.find-home .header-log {
    width: 100%;
    height: 1.13333rem;
    background: #23cd77;
    overflow: hidden;
    z-index: 2
}

.find-home .header-log .logo {
    text-align: center;
    color: #fff;
    height: 1.13333rem;
    line-height: 1.13333rem;
    width: 2rem;
    vertical-align: middle;
    margin-left: auto;
    margin-right: auto;
    font-size: 16px
}

.find-home .header-log .city_select {
    position: absolute;
    top: 0;
    left: .33333rem;
    color: #fff
}

.find-home .header-log .city_select span, .find-home .header-log .dowload_teacher_app {
    font-size: 16px;
    height: 1.13333rem;
    line-height: 1.13333rem;
    vertical-align: middle
}

.find-home .header-log .dowload_teacher_app {
    position: absolute;
    top: 0;
    right: .33333rem;
    color: #fff
}

.find-home .header-log .icon-drop {
    width: 1rem;
    height: 1.13333rem;
    display: inline-block;
    top: 0;
    position: absolute
}

.find-home .header-log .icon-drop > em {
    width: .56rem;
    height: .36rem;
    left: 50%;
    top: 50%;
    margin-left: 0.5rem;
    margin-top: -.18rem;
    position: absolute;
    background: url(https://static.changingedu.com/static/assets/static/student/findteacher/images/sprite/findteacher-min.adfc3cb11d52574132c908ec2aafc1d7.png) no-repeat;
    background-position: -2.4rem -4.6rem;
    background-size: 10rem 6.97333rem
}

.find-home .course-wrap {
    padding-top: .33333rem;
    padding-bottom: .33333rem;
    width: 100%;
    height: 2.93333rem;
    background: #fff;
    overflow: hidden
}

.find-home .course-wrap .swiper-slide {
    background: #fff;
    padding-left: .33333rem;
    padding-right: .33333rem
}

.find-home .course-wrap .item-wrap {
    width: 100%;
    height: 1.66667rem;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify
}

.find-home .course-wrap .item, .find-home .course-wrap .item-wrap {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex
}

.find-home .course-wrap .item {
    width: 2rem;
    height: 100%;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    color: #fff;
    font-size: 20px;
    background: url(https://static.changingedu.com/static/assets/static/student/findteacher/images/sprite/findteacher-min.adfc3cb11d52574132c908ec2aafc1d7.png) no-repeat;
    background-position: 0 -3.37333rem;
    background-size: 10rem 6.97333rem;
    text-align: center
}

.find-home .course-wrap .item.no-active {
    background: #fff
}

.find-home .bottom-info {
    padding-bottom: 2rem;
    vertical-align: middle
}

.find-home .bottom-info .avatar {
    width: 20px;
    height: 26px;
    line-height: 26px;
    display: inline-block;
    position: relative;
    vertical-align: top
}

.find-home .bottom-info .avatar em {
    width: 20px;
    height: 26px;
    position: absolute;
    background: url(https://static.changingedu.com/static/assets/static/student/findteacher/images/sprite/findteacher-min.adfc3cb11d52574132c908ec2aafc1d7.png) no-repeat;
    top: 0;
    left: 0;
    background-position: 0 -200px;
    background-size: 375px 261px
}

.find-home .bottom-info p {
    font-size: 14px;
    color: #23cd77;
    width: 100%;
    text-align: center;
    height: 26px;
    line-height: 26px;
    vertical-align: middle;
    margin: 0
}

.find-home .bottom-info p span {
    color: #666
}

.find-home .bottom-info .sub-txt {
    font-size: 12px;
    width: 100%;
    color: #666;
    height: 24px;
    line-height: 24px;
    text-align: center
}

.find-home .img-gallary {
    padding-left: .33333rem;
    padding-right: .33333rem;
    padding-top: .33333rem;
    line-height: 1.8;
    width: 100%
}

.find-home .img-gallary .info {
    padding: .1rem 0 .1rem .266667rem;
    background: #fff
}

.find-home .img-gallary .item {
    margin-bottom: .266667rem;
    min-height: 3.77333rem;
    border: 1px solid #e9e9e9;
    display: block
}

.find-home .img-gallary .placeholder-item img {
    height: 100%
}

.find-home .img-gallary #call_phone {
    display: block;
    background: #fff
}

.find-home .img-gallary .empty-item {
    width: 4.53333rem
}

.find-home .img-gallary .img-wrap {
    width: 100%;
    position: relative
}

.find-home .img-gallary .img-wrap > div {
    font-size: 16px;
    color: #666;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 20px;
    line-height: 20px;
    margin: auto;
    text-align: center
}

.find-home .img-gallary .img-wrap img {
    position: relative
}

.find-home .img-gallary .img-wrap .square {
    height: 4.58667rem
}

.find-home .img-gallary .img-wrap .rectangle {
    height: 3.1733313rem
}

.find-home .img-gallary .col-l {
    float: left;
    width: 4.50667rem
}

.find-home .img-gallary .col-r {
    float: right;
    width: 4.50667rem
}

.find-home .img-gallary .main-txt {
    font-size: 14px;
    color: #333;
    height: 20px;
    line-height: 20px;
    vertical-align: middle
}

.find-home .img-gallary .main-txt em {
    max-width: 100%;
    overflow: hidden;
    display: inline-block
}

.find-home .img-gallary .sub-txt {
    width: 100%;
    vertical-align: middle;
    overflow: hidden;
    height: 20px
}

.find-home .img-gallary .comment-txt, .find-home .img-gallary .sub-txt {
    font-size: 12px;
    color: #666;
    line-height: 20px
}

.find-home .img-gallary .comment-txt .green {
    color: #23cd77;
    margin-left: .08rem
}

.find-home .img-gallary .icon {
    width: 15px;
    height: 17px;
    margin-top: 4px;
    margin-left: .2rem;
    vertical-align: middle
}

.find-home .img-gallary .icon.male {
    background: url(https://static.changingedu.com/static/assets/static/student/findteacher/images/sprite/findteacher-min.adfc3cb11d52574132c908ec2aafc1d7.png) no-repeat;
    background-position: -9.73333rem -3.37333rem;
    background-size: 10rem 6.97333rem
}

.find-home .img-gallary .icon.female {
    background: url(https://static.changingedu.com/static/assets/static/student/findteacher/images/sprite/findteacher-min.adfc3cb11d52574132c908ec2aafc1d7.png) no-repeat;
    background-position: -1.85333rem -5.44rem;
    background-size: 10rem 6.97333rem
}

@media screen and (max-width: 350px) {
    .pop-downloadapp h2 {
        font-size: 18px
    }
}

.find-home .swiper-container-horizontal > .swiper-pagination .swiper-pagination-bullet-active {
    background: #23cd77
}

.find-home .swiper-container-horizontal > .swiper-pagination .swiper-pagination-bullet {
    margin-right: .2rem
}

.find-home .swiper-container-horizontal .swiper-pagination {
    bottom: .1rem
}

.common-pad {
    padding-top: 1.3rem
}

.popup_get_voucher button, .popup_get_voucher input {
    appearance: none;
    -webkit-appearance: none;
    border: 0;
    background: none;
    color: #333
}

.popup_get_voucher .popup_bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    z-index: 20
}

.popup_get_voucher .popup_prompt {
    position: fixed;
    top: 50%;
    left: 50%;
    padding: .5rem;
    width: 8rem;
    margin-left: -4rem;
    margin-top: -3rem;
    border-radius: 8px;
    background-color: #fff;
    z-index: 21
}

.popup_get_voucher .popup_prompt .close {
    position: absolute;
    right: .2rem;
    top: .2rem;
    width: .4rem;
    height: .4rem;
    background: url(https://static.changingedu.com/static/assets/static/student/findteacher/images/tips_close.f7208864c6267f50cd990bdf7e0d2295.png) no-repeat;
    background-size: 100%;
    background-position: 50%
}

.popup_get_voucher .popup_prompt h2 {
    width: 100%;
    text-align: center;
    color: #666;
    font-size: .5rem;
    padding-bottom: .3rem;
    margin: 0
}

.popup_get_voucher .popup_prompt h3 {
    width: 100%;
    text-align: center;
    color: #666;
    font-size: .4rem;
    padding-bottom: .5rem;
    margin: 0
}

.popup_get_voucher .popup_prompt .item {
    width: 100%;
    height: 1rem;
    border-radius: 4px;
    border: 1px solid #f0f0f0;
    line-height: 1rem;
    color: #666;
    margin-bottom: .2rem;
    font-size: .35rem
}

.popup_get_voucher .popup_prompt .item span {
    padding-left: 5%
}

.popup_get_voucher .popup_prompt .item input {
    appearance: none;
    -webkit-appearance: none;
    border: 0;
    background: none;
    padding-left: 5%
}

.popup_get_voucher .popup_prompt .item .phone_number {
    width: 5rem
}

.popup_get_voucher .popup_prompt .item .get_code {
    width: 2.8rem
}

.popup_get_voucher .popup_prompt .btn-submit {
    width: 100%;
    height: 1rem;
    background-color: #23cd77;
    border-radius: 4px;
    line-height: 1rem;
    color: #fff;
    text-align: center;
    font-size: .4rem;
    border: 1px solid #23cd77
}

.popup_get_voucher .popup_prompt .getcode {
    color: #23cd77;
    float: right;
    height: .5rem;
    line-height: .5rem;
    margin-right: .5rem;
    margin-top: .25rem;
    outline: none
}

.popup_get_voucher .popup_prompt .disable {
    color: #ccc
}

.popup_get_voucher .popup_submit {
    position: fixed;
    top: 50%;
    left: 50%;
    padding: .5rem;
    width: 7rem;
    height: 4rem;
    margin-left: -3.5rem;
    margin-top: -2rem;
    border-radius: 8px;
    background-color: #fff;
    z-index: 21
}

.popup_get_voucher .popup_submit h2 {
    width: 100%;
    text-align: center;
    color: #666;
    font-size: .4rem;
    line-height: .7rem;
    padding-top: .5rem;
    margin: 0
}

.popup_get_voucher .popup_submit .cancel {
    left: .5rem;
    color: #23cd77
}

.popup_get_voucher .popup_submit .cancel, .popup_get_voucher .popup_submit .to_next {
    position: absolute;
    bottom: .5rem;
    width: 2.75rem;
    height: 1rem;
    border: 1px solid #23cd77;
    line-height: 1rem;
    text-align: center;
    border-radius: 4px;
    font-size: .4rem
}

.popup_get_voucher .popup_submit .to_next {
    right: .5rem;
    background-color: #23cd77;
    color: #fff
}

.popup_get_voucher .padding_none h2 {
    padding-top: 0
}

.map-wrap {
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 9999
}

.map-wrap .info-wrap {
    width: 100%;
    height: 2.02667rem;
    bottom: 30px;
    position: absolute
}

.map-wrap .info-wrap .detail-wrap {
    width: 6.66667rem
}

.map-wrap .info-wrap .detail-right {
    width: 2.21333rem;
    height: .773333rem;
    line-height: .773333rem;
    position: absolute;
    top: 50%;
    margin-top: -.386667rem;
    right: 0;
    font-size: 16px;
    color: #23cd77
}

.map-wrap .info-wrap .info-item {
    border: 1px solid #d2d3d4;
    width: 9.33333rem;
    margin-left: auto;
    margin-right: auto;
    display: block;
    padding: .333333rem;
    background: #fff
}

.map-wrap .info-wrap .fr {
    line-height: 2.02667rem;
    font-size: 16px;
    color: #23cd77
}

.map-wrap .info-wrap .next-icon {
    display: inline-block;
    width: 8px;
    height: 12px;
    margin-left: .133333rem;
    background: url(https://static.changingedu.com/static/assets/static/student/findteacher/images/mapIcon-min.17d25a46dd3b6027ebf4bc863940430b.jpg) 100% 0 no-repeat;
    background-size: contain
}

.map-wrap .info-wrap .fl {
    width: 6rem;
    overflow: hidden
}

.map-wrap .info-wrap p {
    overflow: hidden;
    font-size: 16px;
    color: #333
}

.map-wrap .info-wrap .distanceWrap {
    font-size: 14px;
    color: #8c8c8c
}

.page_guide {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1000
}

.page_guide .city_wrap {
    position: absolute;
    left: 2px;
    top: 2px;
    width: 2rem;
    height: .96rem;
    background: #23cd77;
    color: #fff;
    z-index: 3;
    border-radius: 5px
}

.page_guide .arrow {
    position: absolute;
    left: 2.93333rem;
    top: .4rem;
    width: 1.58667rem;
    height: 2.09333rem;
    background: url(https://static.changingedu.com/static/assets/static/student/findteacher/images/595/icon_h5_toast_arrow_white.72dd15052fb1bfc7ce4a50020b0bfbe7.png);
    background-size: 100%;
    z-index: 3
}

.page_guide .txt_wrap {
    top: 2.8rem;
    left: 1.57333rem;
    font-weight: 700;
    font-size: 16px;
    color: #fff;
    position: absolute;
    z-index: 3
}

.page_guide .city_name {
    height: .96rem;
    line-height: .96rem;
    margin-left: .2rem;
    vertical-align: middle;
    font-size: 14px;
    color: #fff
}

.page_guide .notice_btn {
    width: 2.98667rem;
    height: .933333rem;
    line-height: .933333rem;
    vertical-align: middle;
    box-sizing: content-box;
    border: 1px solid #fff;
    border-radius: 5px;
    text-align: center;
    margin-left: 1rem;
    margin-top: .466667rem;
    z-index: 3;
    font-weight: 400
}

.page_guide .popup-common-mask {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: rgba(0, 0, 0, .5);
    top: 0;
    left: 50%;
    margin-left: -50%
}

.page_guide .icon-drop {
    width: 1rem;
    height: .96rem;
    top: 0;
    right: 0;
    position: absolute
}

.page_guide .icon-drop > em {
    width: .56rem;
    height: .36rem;
    left: 50%;
    top: 50%;
    margin-left: -.28rem;
    margin-top: -.18rem;
    position: absolute;
    background: url(https://static.changingedu.com/static/assets/static/student/findteacher/images/sprite/findteacher-min.adfc3cb11d52574132c908ec2aafc1d7.png) no-repeat;
    background-position: -2.4rem -4.6rem;
    background-size: 10rem 6.97333rem
}

.newAddressWrap {
    background: #fff;
    font-size: 16px;
    color: #333
}

.newAddressWrap .icon-close {
    position: absolute;
    width: 1rem;
    height: 100%;
    right: 0;
    top: 0
}

.newAddressWrap .icon-close em {
    background: url(https://static.changingedu.com/static/assets/static/student/findteacher/images/sprite/findteacher-min.adfc3cb11d52574132c908ec2aafc1d7.png) no-repeat;
    background-position: -6.93333rem -4.6rem;
    background-size: 10rem 6.97333rem;
    width: .4rem;
    height: .4rem;
    left: 50%;
    top: 50%;
    margin-left: -.2rem;
    margin-top: -.2rem;
    position: absolute
}

.choose-address-wrap {
    font-size: 16px
}

.choose-address-wrap h2 {
    color: #626262;
    padding-left: .33333rem;
    font-size: 14px
}

.model-search {
    height: 1.68rem;
    padding-left: .6rem;
    padding-right: .6rem;
    border-bottom: 1px solid #ecf0f3
}

.model-search input {
    border: none;
    width: 100%;
    height: 100%
}

.model-extra {
    height: 1.68rem;
    padding-left: .6rem;
    padding-right: .6rem;
    border-bottom: 1px solid #ecf0f3
}

.model-extra input {
    border: none;
    width: 100%;
    height: 100%
}

.model-dropdown.search-right li {
    padding-right: 1rem
}

.model-dropdown.search-right li > div {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: .8rem
}

.model-dropdown {
    top: 1.68rem;
    background: #fff;
    margin-bottom: 0
}

.model-dropdown li {
    padding: .13333rem .6rem;
    border-bottom: 1px solid #ecf0f3;
    line-height: 1rem;
    vertical-align: middle;
    word-break: break-all;
    position: relative
}

.model-btn-wrap {
    padding-left: .33333rem;
    padding-right: .33333rem
}

.model-btn-wrap .model-btn {
    width: 100%;
    display: block;
    font-size: 18px;
    border-radius: 5px;
    height: 1.06667rem;
    line-height: 1.06667rem;
    vertical-align: middle;
    color: #fff;
    background: #23cd77;
    text-align: center
}

.model-btn-wrap .model-btn.disable {
    background: #ccc
}

.model-btn-wrap .model-btn-add {
    display: inline-block;
    height: 1.33333rem;
    line-height: 1.33333rem;
    vertical-align: middle;
    color: #23cd77;
    background: #fff;
    text-align: center
}

.model-btn-wrap .add-icon {
    vertical-align: middle;
    background: url(https://static.changingedu.com/static/assets/static/student/findteacher/images/sprite/findteacher-min.adfc3cb11d52574132c908ec2aafc1d7.png) no-repeat;
    background-position: -.93333rem -5.44rem;
    background-size: 10rem 6.97333rem;
    height: .533333rem;
    width: .533333rem;
    display: inline-block;
    margin-right: 5px;
    position: relative;
    top: -1px
}

.address-grey {
    background: #e7e7e7
}

.max-600 .botbuy {
    width: 600px;
    left: auto
}

.max-600 .free-audition-wrap .flex-wrap > div {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.max-600 .course-grade {
    max-width: 600px;
    left: auto
}

.course-grade .course-select-wrap .grade-wrap .block-item {
    font-size: 14px
}

.teacher_head_header {
    background: #f0f0f0
}

.teacher_head_header.course-grade header {
    background-color: #23cd77
}

.teacher_head_header.header-white header {
    background: #f7f7f7;
    color: #333
}

.teacher_head_header.header-white i.returnBack {
    background-image: url(https://static.changingedu.com/static/assets/static/student/findteacher/images/find_teacher/tips_lj_green.bd07b77c2474c0608cb141b67f631258.png)
}

.teacher_head_header header {
    display: block;
    width: 100%;
    height: 1.3rem;
    top: 0;
    left: 0;
    padding-top: 0;
    padding-bottom: 0;
    text-align: center;
    vertical-align: middle;
    border-bottom: 1px solid #ccc;
    background-color: #23cd77;
    position: fixed;
    color: #fff;
    z-index: 999
}

.teacher_head_header i.returnBack {
    height: 1.3rem;
    line-height: 1.3rem;
    vertical-align: middle;
    background: url(https://static.changingedu.com/static/assets/static/student/findteacher/images/find_teacher/tips_lj_white.f60fe2c37b487000b511a321ed97039f.png) no-repeat;
    background-size: .28rem .48rem;
    background-position: 50%;
    padding-left: 0;
    width: 1.33333rem
}

.teacher_head_header header h3 {
    height: 100%;
    line-height: 1.3rem;
    vertical-align: middle;
    overflow: visible;
    max-width: 70%
}

.teacher_head_header .ellipsis {
    display: inline-block;
    max-width: 100%
}

.teacher_head_header footer {
    width: 100%;
    height: 2.2rem;
    background-color: #f7fffb
}

.teacher_head_header footer .qingqing_quiz {
    margin: 0 auto;
    width: 9rem;
    height: 1.2rem;
    line-height: 1.2rem;
    text-align: center;
    background-color: #23cd77;
    border-radius: 4px;
    font-size: .4rem;
    color: #fff
}

.course-grade .mtR50 {
    margin-top: .666667rem
}

.course-grade .grade-common-wrap {
    padding-top: 1rem;
    background-color: #f0f0f0;
    height: 100%
}

.course-grade .header-wrap {
    font-size: 16px
}

.course-grade .header-wrap .b-white {
    padding: .2rem .666667rem;
    background-color: #fff
}

.course-grade .header-wrap .b-white span {
    color: #010101
}

.course-grade .header-wrap p {
    padding-left: .4rem;
    color: #424242;
    font-size: 15px;
    margin: 0;
    padding-top: 10px;
    padding-bottom: 10px
}

.course-grade .header-wrap p .js_select_other_city {
    color: #23cd77;
    text-decoration: underline
}

.course-grade .header-wrap .pbtn {
    padding: .16rem .4rem;
    margin-top: -.266667rem;
    margin-bottom: .266667rem
}

.course-grade .header-wrap .btn-select {
    display: block;
    line-height: .8rem;
    border-radius: .106667rem;
    padding: .2rem .666667rem;
    text-align: center;
    color: #fff;
    background: #23cd77
}

.course-grade .grade-wrap {
    padding: .666667rem .666667rem .333333rem;
    font-size: 16px;
    margin-bottom: .266667rem;
    background: #fff
}

.course-grade .grade-wrap h1 {
    text-align: center;
    font-size: 16px;
    margin-top: 20px
}

.course-grade .grade-wrap .block-wrap {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: .333333rem
}

.course-grade .grade-wrap .block-item {
    width: 2.66667rem;
    height: 1rem;
    line-height: 1rem;
    vertical-align: middle;
    text-align: center;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-radius: .106667rem;
    margin-right: .333333rem;
    background-color: #f0f0f0
}

.course-grade .grade-wrap .block-item a {
    display: block;
    color: #333
}

.course-grade .grade-wrap .block-item.active {
    color: #fff;
    border: 1px solid #23cd77;
    background: #23cd77
}

.course-grade .grade-wrap .block-item.active a {
    color: #23cd77
}

.course-grade .grade-wrap .block-item.empty {
    border: none;
    background-color: #f0f0f0
}

.course-grade .grade-wrap .block-item:last-child {
    margin-right: 0
}

.course-grade .grade-wrap .none {
    background: none;
    border: none
}

.course-grade .city-wrap {
    padding: .666667rem .666667rem .333333rem;
    font-size: 16px;
    margin-bottom: .266667rem;
    background: #fff
}

.course-grade .city-wrap h1 {
    text-align: center;
    font-size: 16px;
    margin-top: 20px
}

.course-grade .city-wrap .block-wrap {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify;
    margin-bottom: .333333rem
}

.course-grade .city-wrap .block-item {
    height: 1rem;
    line-height: 1rem;
    vertical-align: middle;
    text-align: center;
    border-radius: .106667rem;
    width: 1.6rem;
    background-color: #f0f0f0
}

.course-grade .city-wrap .block-item a {
    display: block;
    color: #333
}

.course-grade .city-wrap .block-item.active {
    color: #fff;
    border: 1px solid #23cd77;
    background: #23cd77
}

.course-grade .city-wrap .block-item.active a {
    color: #fff
}

.course-grade .city-wrap .block-item.empty {
    border: none;
    background-color: #f0f0f0
}

.course-grade .city-wrap .block-item:last-child {
    margin-right: 0
}

.course-grade .city-wrap .none {
    background: none;
    border: none
}

.one-line-title {
    width: 100%;
    height: 1rem;
    line-height: 1rem;
    vertical-align: middle;
    padding-left: .33333rem;
    padding-right: .33333rem;
    color: #333;
    background: #f0f0f0;
    font-size: 16px
}

.bgWhite, .course-select-wrap .grade-wrap .block-item.empty {
    background: #fff
}

.course-select-wrap .grade-wrap {
    padding-top: .4rem;
    padding-bottom: .4rem
}

.course-select-wrap .item > .block-wrap:last-child {
    margin-bottom: 0
}

.grade-course-select {
    width: 100%
}

.grade-course-select .item {
    padding-top: .333333rem;
    padding-bottom: .333333rem;
    padding-right: .5rem;
    background: #fff;
    border-bottom: 1px solid #d2d3d4;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex
}

.grade-course-select .item .l {
    width: 25%;
    height: 1rem
}

.grade-course-select .item .l > div {
    width: 100%;
    height: 1rem;
    line-height: 1rem;
    vertical-align: middle;
    font-size: 16px;
    text-align: center
}

.grade-course-select .item .l.wide {
    height: 2.2rem
}

.grade-course-select .item .l.wide > div {
    height: 2.2rem;
    line-height: 2.2rem
}

.grade-course-select .item .r {
    width: 75%
}

.grade-course-select .item .block-wrap {
    margin-bottom: .333333rem;
    width: 100%
}

.grade-course-select .item .block-wrap:last-child {
    margin-bottom: 0
}

.grade-course-select .item .block-item {
    float: left;
    width: 2.2rem;
    height: .933333rem;
    line-height: .933333rem;
    vertical-align: middle;
    text-align: center;
    border: 1px solid silver;
    border-radius: .133333rem;
    background-color: #fff;
    margin-right: .2rem;
    font-size: 14px
}

.grade-course-select .item .block-item.active {
    color: #23cd77;
    border: 1px solid #23cd77
}

.grade-course-select .item .block-item.disable {
    color: #d2d3d4;
    border: 1px solid #d2d3d4
}

.grade-course-select .item .block-item.empty {
    border: none;
    background-color: #f0f0f0
}

.grade-course-select .item .block-item:last-child {
    margin-right: 0
}

.grade-course-select .item .block-item.block-item_audition {
    width: 3.66667rem
}

.select-course-grade-btn {
    width: 92%;
    margin: .333333rem auto;
    display: block;
    font-size: 18px;
    height: 1.33333rem;
    line-height: 1.33333rem;
    vertical-align: middle;
    color: #fff;
    background: #23cd77;
    text-align: center;
    border-radius: .2rem;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.select-course-grade-btn:active {
    background: #1ca15e;
    color: #fff
}

.select-course-grade-btn:hover {
    color: #fff
}

.toast-qingqing.zIndex1k + .popup-mask {
    z-index: 1000
}

.toast-qingqing.zIndex1k.popup-contents {
    z-index: 1002
}

.flex-pop.zIndex1k + .popup-mask {
    z-index: 1000
}

.flex-pop.zIndex1k.popup-contents {
    z-index: 1002
}

.dofind-body .top-image {
    width: 100%;
    height: 2.28rem;
    background: url(https://static.changingedu.com/static/assets/static/student/findteacher/images/500/dofind_top.04bab757346f591c4485aef182575615.jpg) no-repeat;
    background-size: 100% 100%
}

.dofind-home-wrap {
    font-size: 16px
}

.dofind-home-wrap > p {
    margin: 0;
    line-height: 1.7
}

.dofind-home-wrap .itemwrap {
    margin-top: .2rem
}

.dofind-home-wrap .itemwrap > item:last-child {
    border-bottom: none
}

.dofind-home-wrap .item {
    height: 1.66667rem;
    line-height: 1.66667rem;
    vertical-align: middle;
    padding-left: .4rem;
    padding-right: .4rem;
    border-bottom: 1px solid #d2d3d4;
    width: 100%;
    position: relative
}

.dofind-home-wrap .item.more-pad {
    padding-left: 1.33333rem
}

.dofind-home-wrap .item .course_icon {
    position: absolute;
    height: 100%;
    width: .613333rem;
    top: 0;
    left: .4rem
}

.dofind-home-wrap .item .course_icon em {
    position: absolute;
    top: 50%;
    margin-top: -.346667rem;
    width: .613333rem;
    height: .693333rem;
    background: url(https://static.changingedu.com/static/assets/static/student/findteacher/images/500/icon_course.0f05c4f946bb6bada7e3f9160acc07b6.png);
    background-size: 100% 100%
}

.dofind-home-wrap .item .icon_tel {
    position: absolute;
    height: 100%;
    width: .506667rem;
    top: 0;
    left: .45rem
}

.dofind-home-wrap .item .icon_tel em {
    position: absolute;
    top: 50%;
    margin-top: -.333333rem;
    width: .506667rem;
    height: .666667rem;
    background: url(https://static.changingedu.com/static/assets/static/student/findteacher/images/500/icon_tel.239c1598bfcd0645e580514e73d96f10.png);
    background-size: 100% 100%
}

.dofind-home-wrap .item .morewrap {
    position: absolute;
    top: 0;
    right: .133333rem;
    height: 100%;
    width: .666667rem;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex
}

.dofind-home-wrap .item .more {
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: .4rem;
    height: .6rem;
    background: url(https://static.changingedu.com/static/assets/static/student/findteacher/images/sprite/findteacher-min.adfc3cb11d52574132c908ec2aafc1d7.png) no-repeat;
    background-position: 0 -6.35rem;
    background-size: 10rem 6.97333rem
}

.dofind-home-wrap .dofind-btn {
    width: 92%;
    margin: .666667rem auto;
    display: block;
    font-size: 18px;
    height: 1.33333rem;
    line-height: 1.33333rem;
    vertical-align: middle;
    color: #fff;
    background: #23cd77;
    text-align: center;
    border-radius: .2rem;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.dofind-home-wrap .dofind-btn:active {
    background: #1ca15e
}

.dofind-home-wrap .i-notice {
    width: 92%;
    margin: 1.33333rem auto .333333rem;
    display: block;
    font-size: 18px;
    height: 1.33333rem;
    line-height: 1.33333rem;
    vertical-align: middle;
    color: #fff;
    background: #23cd77;
    text-align: center;
    border-radius: .2rem;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.dofind-home-wrap .i-notice:active {
    background: #1ca15e
}

.dofind-home-wrap .gongzuori {
    margin-top: 2.2rem;
    width: 100%;
    height: 5.6rem;
    background: url(https://static.changingedu.com/static/assets/static/student/findteacher/images/500/gongzuori.41c0a34e4901a6979943fcad7cc734d3.png);
    background-size: 100% 100%
}

.dofind-home-wrap .xiuxiri {
    margin-top: 2.2rem;
    width: 100%;
    height: 5.6rem;
    background: url(https://static.changingedu.com/static/assets/static/student/findteacher/images/500/xiuxiri.91d7c8c35b684b35180b2840efb3a775.png);
    background-size: 100% 100%
}

.dofind-home-wrap .phone-input {
    width: 100%;
    border: 0;
    height: 90%;
    line-height: 22px
}

.dofind-home-wrap .capcode {
    width: 50%;
    border: 0;
    height: 90%;
    line-height: 22px
}

.dofind-home-wrap .cap-btn-wrap {
    position: absolute;
    top: 0;
    right: .133333rem;
    height: 100%;
    width: 3.06667rem;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex
}

.dofind-home-wrap .cap-btn {
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 2.66667rem;
    height: 1rem;
    text-align: center;
    line-height: 1rem;
    vertical-align: middle;
    border-radius: 5px;
    border: 1px solid #23cd77;
    color: #23cd77;
    border-radius: .08rem
}

.dofind-home-wrap .cap-btn.disable {
    border: 1px solid #ccc;
    color: #ccc
}

.dofind-home-wrap .checkbox-wrap {
    width: 100%
}

.dofind-home-wrap .checkbox-wrap .check-item {
    width: 33%;
    float: left
}

.dofind-home-wrap .checkbox-wrap .check-item.active {
    color: #23cd77
}

.dofind-home-wrap .checkbox-wrap .check-item.active em {
    background-image: url(https://static.changingedu.com/static/assets/static/student/findteacher/images/500/icon_select.d5aff24377132ce6fedad6442a36f827.png)
}

.dofind-home-wrap .checkbox-wrap .icon {
    width: .8rem;
    height: 100%;
    margin-right: .1rem;
    vertical-align: middle;
    display: inline-block;
    height: 1.66667rem;
    position: relative
}

.dofind-home-wrap .checkbox-wrap .icon em {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -.3rem;
    margin-left: -.3rem;
    width: .6rem;
    height: .6rem;
    background: url(https://static.changingedu.com/static/assets/static/student/findteacher/images/500/icon_unselect.03d7e337b4272c025b31e63f2794f634.png) no-repeat;
    background-size: 100% 100%
}

.dofind-home-wrap .qingqing-assistant-info {
    width: 100%;
    padding: .5rem 4% 1rem;
    line-height: 1.7;
    color: #9d9d9d;
    background: #fff
}

.dofind-home-wrap .qingqing-assistant-info h2 {
    margin: 0;
    font-size: 18px;
    color: #333
}

.dofind-home-wrap .qingqing-assistant-info p {
    font-size: 14px;
    line-height: 22px;
    text-align: justify
}

.dofind-home-wrap .qingqing-assistant-info b {
    float: left;
    height: 100%;
    width: 10px;
    height: 10px;
    margin-top: 10px;
    margin-right: 5px;
    border-top-left-radius: 9999px;
    border-top-right-radius: 9999px;
    border-bottom-right-radius: 9999px;
    border-bottom-left-radius: 9999px;
    background: #23cd77
}

.dofind-home-wrap .qingqing-assistant-info h3 {
    margin: 0;
    margin-top: .4rem;
    font-size: 14px;
    line-height: 30px
}

.dofind-home-wrap .qingqing-assistant-info .icon-avatar {
    display: inline-block;
    width: .373333rem;
    height: .373333rem;
    margin-right: 5px;
    background: url(https://static.changingedu.com/static/assets/static/student/findteacher/images/icon_find_ta@2x.153a55737a4defd910303a8b66d51a53.png) no-repeat;
    background-size: 100% auto
}

.dofind-home-wrap .qingqing-assistant-info .itemview {
    position: relative;
    padding-left: 3.73333rem
}

.dofind-home-wrap .qingqing-assistant-info .itemview .icon {
    display: block;
    position: absolute;
    left: 0;
    top: .266667rem;
    width: 3.2rem;
    height: 2.33333rem;
    background: red
}

.dofind-home-wrap .qingqing-assistant-info .itemview .icon-01 {
    background: url(https://static.changingedu.com/static/assets/static/student/findteacher/images/icon_find_pic01@2x.09978511caa2c28123588f512f85d125.png) no-repeat;
    background-size: 100% auto
}

.dofind-home-wrap .qingqing-assistant-info .itemview .icon-02 {
    background: url(https://static.changingedu.com/static/assets/static/student/findteacher/images/icon_find_pic02@2x.7dc4595313ca483d71c311a7615de54b.png) no-repeat;
    background-size: 100% auto
}

.dofind-home-wrap .qingqing-assistant-info .itemview .icon-03 {
    background: url(https://static.changingedu.com/static/assets/static/student/findteacher/images/icon_find_pic03@2x.58535821f871620741dbc18fda0dcbc1.png) no-repeat;
    background-size: 100% auto
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    animation-fill-mode: forwards
}

.animate1000 {
    -webkit-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s
}

.animate500 {
    -webkit-animation-duration: .5s;
    -ms-animation-duration: .5s;
    -o-animation-duration: .5s;
    animation-duration: .5s
}

@-webkit-keyframes rip {
    0% {
        box-shadow: 0 0 0 0 transparent, 0 0 0 0 transparent, 0 0 0 0 transparent, 0 0 0 0 transparent
    }
    20% {
        box-shadow: 0 0 2px .06667rem rgba(193, 241, 217, .8), 0 0 2px .06667rem rgba(193, 241, 217, .5)
    }
    40% {
        box-shadow: 0 0 3px .08rem rgba(193, 241, 217, .8), 0 0 3px .1rem rgba(193, 241, 217, .5)
    }
    80% {
        box-shadow: 0 0 3px .12rem rgba(193, 241, 217, .8), 0 0 3px .15rem rgba(193, 241, 217, .5)
    }
    to {
        box-shadow: 0 0 0 0 transparent, 0 0 0 0 transparent, 0 0 0 0 transparent, 0 0 0 0 transparent
    }
}

@-moz-keyframes rip {
    0% {
        box-shadow: 0 0 0 0 transparent, 0 0 0 0 transparent, 0 0 0 0 transparent, 0 0 0 0 transparent
    }
    20% {
        box-shadow: 0 0 2px .06667rem rgba(193, 241, 217, .8), 0 0 2px .06667rem rgba(193, 241, 217, .5)
    }
    40% {
        box-shadow: 0 0 3px .08rem rgba(193, 241, 217, .8), 0 0 3px .1rem rgba(193, 241, 217, .5)
    }
    80% {
        box-shadow: 0 0 3px .12rem rgba(193, 241, 217, .8), 0 0 3px .15rem rgba(193, 241, 217, .5)
    }
    to {
        box-shadow: 0 0 0 0 transparent, 0 0 0 0 transparent, 0 0 0 0 transparent, 0 0 0 0 transparent
    }
}

@-webkit-keyframes rip_expand {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(1.3);
        -moz-transform: scale(1.3);
        -ms-transform: scale(1.3);
        -o-transform: scale(1.3);
        transform: scale(1.3)
    }
}

@keyframes rip_expand {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(1.3);
        -moz-transform: scale(1.3);
        -ms-transform: scale(1.3);
        -o-transform: scale(1.3);
        transform: scale(1.3)
    }
}

.global_search_wrap {
    font-size: 14px
}

.global_search_wrap .search_wrap {
    padding: .333333rem;
    background: #dfdfdf;
    width: 100%
}

.global_search_wrap .search_wrap input {
    width: 100%;
    height: 1rem;
    position: relative;
    padding-left: .266667rem;
    border: 0
}

.global_search_wrap .close_btn_wrap {
    width: 1.06667rem;
    height: 100%;
    right: .333333rem;
    top: 0;
    position: absolute
}

.global_search_wrap .close_btn_wrap > div {
    position: absolute;
    width: .586667rem;
    height: .586667rem;
    left: 50%;
    top: 50%;
    margin-left: -.293333rem;
    margin-top: -.293333rem;
    background: url(https://static.changingedu.com/static/assets/static/student/findteacher/images/search_close.996ef78a704dff71550237f2b8d94f88.jpg) no-repeat;
    background-size: 100% 100%
}

.global_search_wrap .title {
    height: .933333rem;
    line-height: .933333rem;
    vertical-align: middle;
    padding-left: 24px
}

.global_search_wrap .item {
    padding-left: .64rem;
    height: 1rem;
    line-height: 1rem;
    vertical-align: middle;
    background: #fff;
    color: #333;
    border-bottom: 1px solid #eaeaea
}

.global_search_wrap .item:last-child {
    border-bottom: none
}

.css_second_drop.green {
    background: #23cd77;
    color: #fff
}

.secondary_courses_wrap {
    background: #fff
}

.second_feature_wrap {
    position: absolute;
    top: 1.33333rem;
    left: 0;
    width: 100%
}

.second_feature_wrap .btn_reset {
    width: 100%;
    height: 1.3rem;
    border-top: 1px solid #bdbdbd;
    margin-top: .533333rem
}

.second_feature_wrap .btn_reset .flex-wrap {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex
}

.second_feature_wrap .btn_reset .flex-wrap > div {
    -webkit-box-flex: 4;
    -moz-box-flex: 4;
    box-flex: 4;
    -webkit-flex: 4;
    -moz-flex: 4;
    -ms-flex: 4;
    flex: 4;
    vertical-align: middle;
    line-height: 1.3rem;
    height: 1.3rem;
    text-align: center;
    background: #fff;
    color: #999;
    font-size: 18px
}

.second_feature_wrap .btn_reset .flex-wrap > div:last-child {
    -webkit-box-flex: 6;
    -moz-box-flex: 6;
    box-flex: 6;
    -webkit-flex: 6;
    -moz-flex: 6;
    -ms-flex: 6;
    flex: 6;
    color: #fff;
    background: #23cd77;
    border-left: none
}

.second_feature_wrap .btn_reset .flex-wrap > div:last-child a {
    color: #fff
}

.second_feature_wrap .btn_reset .flex-wrap a {
    color: #999;
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none
}

.second_feature_wrap .swiper-wrapper {
    display: block
}

.second_feature_wrap .secondary_courses_tag_wrap {
    overflow: hidden
}

.second_feature_wrap .swiper-slide {
    margin-top: .533333rem;
    width: 100%;
    height: .533333rem
}

.second_feature_wrap .single_item {
    float: left;
    width: 50%;
    text-align: center;
    line-height: .533333rem;
    height: .533333rem;
    font-size: 14px;
    color: #666
}

.second_feature_wrap .single_item.active {
    color: #23cd77
}

.search-list-tagwrap .item {
    width: 2.2533rem;
    margin-right: .1rem
}

#friend_group {
    width: 2rem
}

.advertise_banner {
    width: 100%;
    height: 2rem;
    margin-bottom: .333333rem
}

.advertise_banner img {
    width: 100%;
    height: auto;
    display: block
}

.item, body, html {
    width: 100%;
    height: 100%
}

.rel {
    height: 100%
}

.grade_select_wrap {
    padding-top: 1.3rem;
    background: #f0f0f0;
    width: 100%;
    height: 100%
}

.grade_select_wrap .grade_wrap_item {
    background: #fff;
    border-bottom: 1px solid #f7f7f7
}

.grade_select_wrap .grade_wrap_item:last-child {
    border-bottom: none
}

.grade_select_wrap .title {
    width: 100%;
    height: .853333rem;
    line-height: .853333rem;
    vertical-align: middle;
    color: #999;
    background: #f0f0f0;
    padding-left: .333333rem;
    padding-right: .333333rem
}

.grade_select_wrap .item_wrap {
    padding-left: .333333rem;
    padding-right: .333333rem;
    padding-top: .333333rem
}

.grade_select_wrap .item {
    float: left;
    width: 1.65333rem;
    height: 1rem;
    line-height: 1rem;
    vertical-align: middle;
    text-align: center;
    border-radius: 5px;
    background: #f6f6f6;
    color: #666;
    margin-right: .333333rem;
    margin-bottom: .333333rem
}

.grade_select_wrap .item.active {
    background: #23cd77;
    color: #fff
}

.teacher-list .list-wrap-new .txt {
    max-width: 5rem;
    overflow: hidden;
    height: .6rem;
    line-height: .6rem
}

.teacher-list .list-wrap-new .txt.max_txt_zero {
    max-width: 5rem
}

.teacher-list .list-wrap-new .txt.max_txt_one {
    max-width: 4.2rem
}

.teacher-list .list-wrap-new .txt.max_txt_two {
    max-width: 3.7rem
}

.teacher-list .list-wrap-new .txt.max_txt_three {
    max-width: 3.2rem
}

.teacher-list .list-wrap-new .txt.max_txt_four {
    max-width: 2.7rem
}

.teacher-list .list-wrap-new .info .nick_wrap {
    margin: 0;
    height: .6rem;
    line-height: .6rem;
    display: flex;
    align-items: center
}

.teacher-list .list-wrap-new .hot {
    width: .426667rem;
    height: .426667rem;
    display: inline-block;
    margin-left: 5px
}

.teacher-list .list-wrap-new .hot em {
    height: .426667rem;
    display: inline-block;
    width: .426667rem;
    background: url(https://static.changingedu.com/static/assets/static/student/findteacher/images/500/ic-search-hot@2x.14146cc5f864739adb01e99acaa24f42.png) no-repeat;
    background-size: 100% 100%
}

.teacher-list .list-wrap-new .group {
    width: .426667rem;
    height: .426667rem;
    display: inline-block;
    margin-left: 5px
}

.teacher-list .list-wrap-new .group em {
    height: .426667rem;
    display: inline-block;
    width: .426667rem;
    background: url(https://static.changingedu.com/static/assets/static/student/findteacher/images/555/icon_teacherlist_pyt@3x.6305a43ce35033cabb5b07aa5508e84f.png) no-repeat;
    background-size: 100% 100%
}

.teacher-list .list-wrap-new .discount {
    width: .426667rem;
    height: .426667rem;
    display: inline-block;
    margin-left: 5px
}

.teacher-list .list-wrap-new .discount em {
    height: .426667rem;
    display: inline-block;
    width: .426667rem;
    background: url(https://static.changingedu.com/static/assets/static/student/findteacher/images/555/icon_teacherlist_yh@3x.ac3bdc734f9ecd011fd4ce31cc3ba776.png) no-repeat;
    background-size: 100% 100%
}

.teacher-list .list-wrap-new .online {
    width: .426667rem;
    height: .426667rem;
    display: inline-block;
    margin-left: 5px
}

.teacher-list .list-wrap-new .online em {
    width: .426667rem;
    height: .426667rem;
    display: inline-block;
    background: url(https://static.changingedu.com/static/assets/static/student/findteacher/images/555/icon_teacherlist_zxk@3x.58ed893e8f9914f7b1c97e9c93573be8.png) no-repeat;
    background-size: 100% 100%
}

.teacher-list .list-wrap-new .star_pos_wrap {
    width: 100%
}

.c9 {
    color: #999 !important
}

a, a:active, a:hover, a:link, a:visited {
    -webkit-text-decoration: none;
    text-decoration: none
}

.img-gallary {
    padding: 0 !important;
    margin-top: 10px
}

.teacher_title {
    width: 100%;
    background-color: #fff;
    line-height: 1.333rem;
    color: #a9a9a9;
    font-size: .48rem;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: distribute;
    -moz-box-pack: distribute;
    box-pack: distribute;
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    -ms-justify-content: space-around;
    -o-justify-content: space-around;
    justify-content: space-around;
    -ms-flex-pack: distribute
}

.teacher_title .exclusive_teacher {
    width: 50%;
    height: 1.333rem;
    text-align: center;
    float: left
}

.teacher_title .exclusive_teacher span {
    display: inline-block;
    height: 100%;
    width: 2.4667rem
}

.teacher_title .exclusive_teacher .activity {
    border-bottom: 2px solid #18cb70;
    color: #18cb70
}

.teacher_title .hot_teacher {
    width: 50%;
    height: 1.333rem;
    text-align: center;
    float: left
}

.teacher_title .hot_teacher span {
    display: inline-block;
    height: 100%;
    width: 2.4667rem
}

.teacher_title .hot_teacher .activity {
    border-bottom: 2px solid #18cb70;
    color: #18cb70
}

.teacher_all {
    width: 100%;
    position: relative
}

.teacher_all .teacher_l {
    width: 100%;
    box-sizing: border-box;
    background-color: #fff;
    overflow: hidden
}

.teacher_all .teacher_l .header_h {
    width: 100%;
    padding: .32rem;
    position: relative;
    overflow: hidden;
    border-top: 1px solid #e4e4e4
}

.teacher_all .teacher_l .header_h .price-wrap_h {
    width: 3.75rem;
    position: absolute;
    top: .32rem;
    right: .32rem
}

.teacher_all .teacher_l .header_h .price-wrap_h .prices {
    color: #ff6200;
    font-size: .4rem;
    text-align: right
}

.teacher_all .teacher_l .header_h .price-wrap_h .prices span {
    color: #ff6200;
    font-size: .32rem
}

.teacher_all .teacher_l .header_h .teacher_imgs {
    width: 2.4rem;
    height: 2.4rem;
    float: left;
    overflow: hidden;
    border-radius: 5px;
    margin-top: .08rem
}

.teacher_all .teacher_l .header_h .teacher_imgs img {
    width: 100%;
    height: auto
}

.teacher_all .teacher_l .header_h .info {
    margin-left: 2.33333rem;
    padding-right: .333333rem
}

.teacher_all .teacher_l .header_h .info p {
    margin-top: -.12rem;
    height: .6rem;
    line-height: .6rem
}

.teacher_all .teacher_l .header_h .info p .txt {
    display: inline-block;
    max-width: 5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 16px;
    color: #191919
}

.teacher_all .teacher_l .header_h .info p .is_trm {
    padding-left: 66px;
    background: url(https://static.changingedu.com/static/assets/static/student/findteacher/images/590/icon_trm.0a537858de63ae81c49f12b5b18ad999.png) no-repeat;
    background-size: auto 14px;
    background-position: 0
}

.teacher_all .teacher_l .header_h .info p .is_trmt {
    padding-left: 66px;
    background: url(https://static.changingedu.com/static/assets/static/student/findteacher/images/590/icon_trmt.4ca4cf1be0769379f340a5877f769899.png) no-repeat;
    background-size: auto 14px;
    background-position: 0
}

.teacher_all .teacher_l .header_h .info .hot {
    height: 20px;
    width: .346667rem;
    display: inline-block;
    margin-left: .1rem;
    position: relative
}

.teacher_all .teacher_l .header_h .info .hot em {
    top: 50%;
    margin-top: -8px;
    position: absolute;
    width: 16px;
    height: 16px;
    background: url(https://static.changingedu.com/static/assets/static/student/findteacher/images/500/ic-search-hot@2x.14146cc5f864739adb01e99acaa24f42.png) no-repeat;
    background-size: 100% 100%
}

.teacher_all .teacher_l .header_h .info .benefit {
    height: 20px;
    width: .346667rem;
    display: inline-block;
    margin-left: .1rem;
    position: relative
}

.teacher_all .teacher_l .header_h .info .benefit em {
    top: 50%;
    margin-top: -8px;
    position: absolute;
    width: 16px;
    height: 16px;
    background: url(https://static.changingedu.com/static/assets/static/student/findteacher/images/icon_teacher_hui.0577c5778f77ba2477d1875990aab3ba.png) no-repeat;
    background-size: 100% 100%
}

.teacher_all .teacher_l .header_h .info .online {
    height: 20px;
    width: .946667rem;
    display: inline-block;
    position: relative
}

.teacher_all .teacher_l .header_h .info .online em {
    top: 50%;
    margin-top: -8px;
    position: absolute;
    left: .1rem;
    width: 30px;
    height: 16px;
    background: url(https://static.changingedu.com/static/assets/static/student/findteacher/images/icon_search_live.3998864d83d472d68eb524ed0df14d2e.png) no-repeat;
    background-size: 100% 100%
}

.teacher_all .teacher_l .header_h .info .group {
    height: 20px;
    width: .346667rem;
    display: inline-block;
    margin-left: .1rem;
    position: relative
}

.teacher_all .teacher_l .header_h .info .group em {
    top: 50%;
    margin-top: -8px;
    position: absolute;
    width: 16px;
    height: 16px;
    background: url(https://static.changingedu.com/static/assets/static/student/findteacher/images/500/ic_search_group.6564cfd715241442647a3a4681e06784.png) no-repeat;
    background-size: 100% 100%
}

.teacher_all .teacher_l .header_h .info .sub-txt {
    margin-top: -.1rem
}

.teacher_all .teacher_l .header_h .info .star_icons .star-wrap {
    display: inline-block;
    width: 2.13333rem;
    height: .533333rem;
    line-height: .533333rem;
    background: url(https://static.changingedu.com/static/assets/static/student/findteacher/images/500/star_normal.072ba3ec917492632db30616d115ba18.png) no-repeat;
    background-size: 100% 100%;
    margin-left: -.0533333rem
}

.teacher_all .teacher_l .header_h .info .star_icons .star-wrap .abs {
    position: absolute;
    background: url(https://static.changingedu.com/static/assets/static/student/findteacher/images/500/star_full.ac3fd152688e71479a8e16e93eed3256.png) no-repeat;
    background-size: 2.13333rem .533333rem;
    height: .533333rem
}

.teacher_all .teacher_l .header_h .info .tags span {
    margin-right: 2px;
    color: #666
}

.teacher_all .teacher_l .header_h .info .tags span em {
    display: inline-block;
    width: 12px;
    height: 12px;
    line-height: 12px;
    vertical-align: middle;
    background: url(https://static.changingedu.com/static/assets/static/student/findteacher/images/500/icon_ok.31686c305742996a23fb798216ecb373.png) no-repeat;
    background-size: 100% 100%;
    margin-right: .133333rem
}

.teacher_all .teacher_l .header_h .info .tags .fr {
    float: right;
    position: relative;
    left: .333333rem
}

.teacher_all .teacher_l .header_h .info .range {
    width: 1.335rem;
    position: absolute;
    bottom: .35rem;
    right: .32rem;
    text-align: right;
    font-size: .32rem;
    color: #666
}

.teacher_all .teacher_l .toget_qqconmoned {
    width: 100%
}

.teacher_all .teacher_l .toget_qqconmoned img {
    width: 100%;
    height: auto
}

.teacher_all .teacher_r {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    background-color: #fff
}

.teacher_all .teacher_r .up_guide {
    width: 8.5rem;
    height: 1.28rem;
    position: fixed;
    bottom: 2rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius: 10px;
    background-color: rgba(1, 1, 1, .75);
    z-index: 99
}

.teacher_all .teacher_r .up_guide h3 {
    margin: 0;
    height: 100%;
    box-sizing: border-box;
    padding-left: .6rem;
    line-height: 1.28rem;
    text-align: center;
    font-size: .42rem;
    color: #fff;
    background: url(https://static.changingedu.com/static/assets/static/student/findteacher/images/arrow_img.0226fcea13d307bbafba14a486bbb588.png) no-repeat;
    background-size: .6rem .5rem;
    background-position: .3rem 45%
}

.teacher_all .teacher_r .header_h {
    width: 100%;
    padding: .32rem;
    position: relative;
    overflow: hidden;
    border-top: 1px solid #e4e4e4
}

.teacher_all .teacher_r .header_h .price-wrap_h {
    width: 3.75rem;
    position: absolute;
    top: .32rem;
    right: .32rem
}

.teacher_all .teacher_r .header_h .price-wrap_h .prices {
    color: #ff6200;
    font-size: .4rem;
    text-align: right
}

.teacher_all .teacher_r .header_h .price-wrap_h .prices span {
    color: #ff6200;
    font-size: .32rem
}

.teacher_all .teacher_r .header_h .teacher_imgs {
    width: 2.4rem;
    height: 2.4rem;
    float: left;
    overflow: hidden;
    border-radius: 5px
}

.teacher_all .teacher_r .header_h .teacher_imgs img {
    width: 100%;
    height: auto
}

.teacher_all .teacher_r .header_h .info {
    margin-left: 2.33333rem;
    padding-right: .333333rem
}

.teacher_all .teacher_r .header_h .info p {
    margin-bottom: 5px;
    height: .6rem;
    line-height: .6rem
}

.teacher_all .teacher_r .header_h .info p .txt {
    display: inline-block;
    max-width: 5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 16px;
    color: #191919
}

.teacher_all .teacher_r .header_h .info p .is_trm {
    padding-left: 66px;
    background: url(https://static.changingedu.com/static/assets/static/student/findteacher/images/590/icon_trm.0a537858de63ae81c49f12b5b18ad999.png) no-repeat;
    background-size: auto 14px;
    background-position: 0
}

.teacher_all .teacher_r .header_h .info p .is_trmt {
    padding-left: 66px;
    background: url(https://static.changingedu.com/static/assets/static/student/findteacher/images/590/icon_trmt.4ca4cf1be0769379f340a5877f769899.png) no-repeat;
    background-size: auto 14px;
    background-position: 0
}

.teacher_all .teacher_r .header_h .info .hot {
    height: 20px;
    width: .346667rem;
    display: inline-block;
    margin-left: .1rem;
    position: relative
}

.teacher_all .teacher_r .header_h .info .hot em {
    top: 50%;
    margin-top: -8px;
    position: absolute;
    width: 16px;
    height: 16px;
    background: url(https://static.changingedu.com/static/assets/static/student/findteacher/images/500/ic-search-hot@2x.14146cc5f864739adb01e99acaa24f42.png) no-repeat;
    background-size: 100% 100%
}

.teacher_all .teacher_r .header_h .info .benefit {
    height: 20px;
    width: .346667rem;
    display: inline-block;
    margin-left: .1rem;
    position: relative
}

.teacher_all .teacher_r .header_h .info .benefit em {
    top: 50%;
    margin-top: -8px;
    position: absolute;
    width: 16px;
    height: 16px;
    background: url(https://static.changingedu.com/static/assets/static/student/findteacher/images/icon_teacher_hui.0577c5778f77ba2477d1875990aab3ba.png) no-repeat;
    background-size: 100% 100%
}

.teacher_all .teacher_r .header_h .info .online {
    height: 20px;
    width: .946667rem;
    display: inline-block;
    position: relative
}

.teacher_all .teacher_r .header_h .info .online em {
    top: 50%;
    margin-top: -8px;
    position: absolute;
    left: .1rem;
    width: 30px;
    height: 16px;
    background: url(https://static.changingedu.com/static/assets/static/student/findteacher/images/icon_search_live.3998864d83d472d68eb524ed0df14d2e.png) no-repeat;
    background-size: 100% 100%
}

.teacher_all .teacher_r .header_h .info .group {
    height: 20px;
    width: .346667rem;
    display: inline-block;
    margin-left: .1rem;
    position: relative
}

.teacher_all .teacher_r .header_h .info .group em {
    top: 50%;
    margin-top: -8px;
    position: absolute;
    width: 16px;
    height: 16px;
    background: url(https://static.changingedu.com/static/assets/static/student/findteacher/images/500/ic_search_group.6564cfd715241442647a3a4681e06784.png) no-repeat;
    background-size: 100% 100%
}

.teacher_all .teacher_r .header_h .info .sub-txt {
    font-size: .32rem;
    height: .55rem
}

.teacher_all .teacher_r .header_h .info .sub-txt .alignment {
    display: inline-block;
    padding: 0 5px;
    height: .5rem;
    line-height: .5rem;
    font-size: .32rem;
    text-align: center;
    border: 1px solid #7de2af;
    border-radius: .25rem;
    color: #7de2af
}

.teacher_all .teacher_r .header_h .info .star_icons .star-wrap {
    display: inline-block;
    width: 2.13333rem;
    height: .533333rem;
    line-height: .533333rem;
    background: url(https://static.changingedu.com/static/assets/static/student/findteacher/images/500/star_normal.072ba3ec917492632db30616d115ba18.png) no-repeat;
    background-size: 100% 100%;
    margin-left: -.0533333rem
}

.teacher_all .teacher_r .header_h .info .star_icons .star-wrap .abs {
    position: absolute;
    background: url(https://static.changingedu.com/static/assets/static/student/findteacher/images/500/star_full.ac3fd152688e71479a8e16e93eed3256.png) no-repeat;
    background-size: 2.13333rem .533333rem;
    height: .533333rem
}

.teacher_all .teacher_r .header_h .info .tags span {
    margin-right: 2px;
    color: #666
}

.teacher_all .teacher_r .header_h .info .tags span em {
    display: inline-block;
    width: 12px;
    height: 12px;
    line-height: 12px;
    vertical-align: middle;
    background: url(https://static.changingedu.com/static/assets/static/student/findteacher/images/500/icon_ok.31686c305742996a23fb798216ecb373.png) no-repeat;
    background-size: 100% 100%;
    margin-right: .133333rem
}

.teacher_all .teacher_r .header_h .info .tags .fr {
    float: right;
    position: relative;
    left: .333333rem
}

.teacher_all .teacher_r .header_h .info .range {
    width: 1.335rem;
    position: absolute;
    bottom: .35rem;
    right: .32rem;
    text-align: right;
    font-size: .32rem;
    color: #666
}

.teacher_all .teacher_r .toget_qqconmoned {
    width: 100%
}

.teacher_all .teacher_r .toget_qqconmoned img {
    width: 100%;
    height: auto
}

.search_history_wrap {
    width: 100%;
    line-height: 1.8;
    padding-top: 4.1rem;
    font-size: 14px
}

.search_history_wrap .title {
    height: .933333rem;
    line-height: .933333rem;
    padding-left: .333333rem;
    color: #999
}

.search_history_wrap .item_wrap {
    background: #fff
}

.search_history_wrap .item {
    padding-left: .333333rem;
    overflow: hidden;
    color: #333;
    border-bottom: 1px solid #f1f1f1
}

.search_history_wrap .clear_item, .search_history_wrap .item {
    height: 1.33333rem;
    line-height: 1.33333rem;
    vertical-align: middle
}

.search_history_wrap .clear_item {
    text-align: center;
    width: 100%;
    font-size: 18px;
    color: #999
}

.address_main {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 99
}

.address_main .fixed_header {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0
}

.address_main .fixed_header .new_m_header .header {
    height: 44px;
    display: block;
    position: relative;
    padding-top: 0;
    padding-bottom: 0;
    text-align: center;
    vertical-align: middle;
    border-bottom: 1px solid #ccc;
    background-color: #f7f7f7
}

.address_main .fixed_header .new_m_header i.returnBack {
    height: 44px;
    line-height: 44px;
    background-size: 9px 15px
}

.address_main .fixed_header .new_m_header .header h3 {
    line-height: 44px;
    height: 100%;
    vertical-align: middle;
    color: #333;
    overflow: visible;
    max-width: 70%;
    overflow: hidden;
    margin: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-left: auto;
    margin-right: auto;
    font-size: 18px
}

.address_main .fixed_header .new_m_header .tag-switch {
    margin-top: 0;
    position: relative;
    top: 6px
}

.address_main .fixed_header .new_m_header .tag-switch div {
    height: 30px;
    line-height: 30px
}

.address_main .students_address {
    width: 100%
}

.address_main .students_address .address_list {
    width: 100%;
    padding-top: 1.4rem;
    padding-bottom: 1.4rem
}

.address_main .students_address .address_list .address_items {
    width: 100%;
    box-sizing: border-box;
    padding-left: .33334rem;
    padding-right: .33334rem;
    background-color: #fff;
    margin-bottom: .33334rem
}

.address_main .students_address .address_list .address_items .city_name {
    width: 100%;
    font-size: .4266667rem;
    padding-top: .28rem;
    padding-bottom: .25333rem
}

.address_main .students_address .address_list .address_items .address-detail {
    width: 100%;
    box-sizing: border-box;
    padding-right: 1rem;
    font-size: .37333rem;
    padding-bottom: .306667rem
}

.address_main .students_address .address_list .address_items .address_state {
    width: 100%;
    border-top: 1px solid #e6e6e6;
    box-sizing: border-box;
    padding: .32rem 0 .29333rem;
    font-size: .373333rem
}

.address_main .students_address .address_list .address_items .address_state, .address_main .students_address .address_list .address_items .address_state .is_default {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify
}

.address_main .students_address .address_list .address_items .address_state .is_default em {
    display: inline-block;
    width: .426667rem;
    height: .426667rem;
    border-radius: 50%;
    margin-right: 5px;
    border: 1px solid #d9d9d9
}

.address_main .students_address .address_list .address_items .address_state .is_default .default_active {
    background: url(https://static.changingedu.com/static/assets/static/student/findteacher/images/560/icon_defult.a953566f31f4c2e9601be72b70f9f353.png) no-repeat;
    background-size: .4rem .4rem;
    background-position: 50%;
    border: 1px solid #fff
}

.address_main .students_address .address_list .address_items .address_state .address_handle .address_editor {
    padding-left: .5rem;
    margin-right: .466667rem;
    background: url(https://static.changingedu.com/static/assets/static/student/findteacher/images/560/icon_editor.fe004dfeac3adc42b6ea3cc3ce45b1d2.png) no-repeat;
    background-size: .4rem .4rem;
    background-position: 0
}

.address_main .students_address .address_list .address_items .address_state .address_handle .address_del {
    padding-left: .5rem;
    background: url(https://static.changingedu.com/static/assets/static/student/findteacher/images/560/icon_del.f9447f1d015152e7a8a21408e61dafb6.png) no-repeat;
    background-size: .4rem .4rem;
    background-position: 0
}

.address_main .students_address .address_list .address_choice {
    margin-bottom: 0;
    border-top: 2px solid #e6e6e6;
    position: relative
}

.address_main .students_address .address_list .address_choice .choice_statue {
    height: 100%;
    position: absolute;
    top: 0;
    right: .33333rem;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center
}

.address_main .students_address .address_list .address_choice .choice_statue em {
    display: inline-block;
    width: .4266667rem;
    height: .4266667rem;
    border-radius: 50%;
    border: 1px solid #d9d9d9
}

.address_main .students_address .address_list .address_choice .choice_statue .default_active {
    background: url(https://static.changingedu.com/static/assets/static/student/findteacher/images/560/icon_defult.a953566f31f4c2e9601be72b70f9f353.png) no-repeat;
    background-size: .4rem .4rem;
    background-position: 50%;
    border: none
}

.address_main .students_address .add_btn {
    width: 100%;
    height: 1.3333rem;
    line-height: 1.3333rem;
    position: fixed;
    left: 0;
    bottom: 0;
    background-color: #23cd77;
    text-align: center;
    color: #fff;
    font-size: .426667rem
}

.add_address_wrap {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 99
}

.add_address_wrap .fixed_header {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0
}

.add_address_wrap .fixed_header .new_m_header .header {
    height: 44px;
    display: block;
    position: relative;
    padding-top: 0;
    padding-bottom: 0;
    text-align: center;
    vertical-align: middle;
    border-bottom: 1px solid #ccc;
    background-color: #f7f7f7
}

.add_address_wrap .fixed_header .new_m_header i.returnBack {
    height: 44px;
    line-height: 44px;
    background-size: 9px 15px
}

.add_address_wrap .fixed_header .new_m_header .header h3 {
    line-height: 44px;
    height: 100%;
    vertical-align: middle;
    color: #333;
    overflow: visible;
    max-width: 70%;
    overflow: hidden;
    margin: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-left: auto;
    margin-right: auto;
    font-size: 18px
}

.add_address_wrap .fixed_header .new_m_header .tag-switch {
    margin-top: 0;
    position: relative;
    top: 6px
}

.add_address_wrap .fixed_header .new_m_header .tag-switch div {
    height: 30px;
    line-height: 30px
}

.add_address_wrap .add_address {
    width: 100%;
    padding-top: 1.4rem
}

.add_address_wrap .add_address .add_main {
    width: 100%;
    box-sizing: border-box;
    padding-left: .3333rem;
    background-color: #fff;
    font-size: .37333rem
}

.add_address_wrap .add_address .add_main .get_address, .add_address_wrap .add_address .add_main .house_number, .add_address_wrap .add_address .add_main .student_nick {
    width: 100%;
    height: 1.3333rem;
    line-height: 1.3333rem;
    box-sizing: content-box;
    border-bottom: 1px solid #e6e6e6
}

.add_address_wrap .add_address .add_main .get_address span, .add_address_wrap .add_address .add_main .house_number span, .add_address_wrap .add_address .add_main .student_nick span {
    display: inline-block;
    width: 2.83334rem;
    margin-right: 5px
}

.add_address_wrap .add_address .add_main .get_address input, .add_address_wrap .add_address .add_main .house_number input, .add_address_wrap .add_address .add_main .student_nick input {
    border: none;
    width: 5.8rem;
    height: 100%
}

.add_address_wrap .add_address .add_main .get_address {
    position: relative
}

.add_address_wrap .add_address .add_main .get_address .get_add {
    box-sizing: border-box;
    padding-left: .4rem;
    background: url(https://static.changingedu.com/static/assets/static/student/findteacher/images/560/icon_add.b58d7a68b54d7c4877b816f8d8c1a84e.png) no-repeat;
    background-size: .346667rem .346667rem;
    background-position: 0
}

.add_address_wrap .add_address .add_main .get_address .notice_r {
    position: absolute;
    top: 0;
    right: .333rem;
    width: .3rem;
    height: 100%;
    background: url(https://static.changingedu.com/static/assets/static/student/findteacher/images/560/icon_r.72e52fb4562d0f543367a67e1985f0da.png) no-repeat;
    background-size: .28rem .36rem;
    background-position: 0
}

.add_address_wrap .add_address .add_main .house_number {
    border-bottom: none
}

.add_address_wrap .add_address .address_save {
    width: 100%;
    margin-top: .666667rem;
    text-align: center;
    box-sizing: border-box;
    padding: 0 .3333rem
}

.add_address_wrap .add_address .address_save .address_btn {
    width: 100%;
    height: 1.3333rem;
    line-height: 1.3333rem;
    background-color: #ccc;
    border-radius: 5px;
    color: #fff;
    font-size: .4266667rem
}

.add_address_wrap .add_address .address_save .address_btn_active {
    background-color: #23cd77
}

.new_m_header header {
    display: block;
    width: 100%;
    top: 0;
    padding-top: 0;
    padding-bottom: 0;
    text-align: center;
    border-bottom: 1px solid #ccc;
    background-color: #f7f7f7;
    position: fixed;
    z-index: 999
}

.new_m_header header, .new_m_header header .returnBack {
    height: 1.3rem;
    line-height: 1.3rem;
    left: 0;
    vertical-align: middle
}

.new_m_header header .returnBack {
    display: inline-block;
    width: 1.33333rem;
    background: url(https://static.changingedu.com/static/assets/static/student/findteacher/images/find_teacher/tips_lj_green.bd07b77c2474c0608cb141b67f631258.png) no-repeat;
    background-size: .28rem .48rem;
    background-position: 50%;
    padding-left: 0;
    position: absolute
}

.new_m_header header input {
    display: inline-block;
    width: 70%;
    height: .8rem;
    line-height: .8rem;
    border-radius: 25px;
    padding-left: .333333rem;
    border: 1px solid #e6e6e6;
    font-size: .32rem;
    color: #666
}

.new_m_header header .search_btn {
    position: absolute;
    right: .3333rem;
    top: 0;
    height: 100%;
    color: #d8d8d8;
    font-size: .37333rem
}

.new_m_header header .search_btn_active {
    color: #23cd77
}

.mt35 {
    margin-top: 1.4rem
}

.add_def {
    display: inline-block;
    box-sizing: border-box;
    padding-left: .95rem;
    background: url(https://static.changingedu.com/static/assets/static/student/findteacher/images/560/icon_adress_position.aba3207df5c03104aedef5367cd3f076.png) no-repeat;
    background-size: .35rem .426667rem;
    background-position: .6rem;
    width: 100%;
    height: 1.5rem;
    line-height: 1.5rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: .42rem;
    color: #333
}

.model-dropdown {
    top: 1.74rem
}

.model-dropdown li {
    line-height: .8rem
}

.model-dropdown li .add_name {
    font-size: .426667rem;
    color: #333
}

.model-dropdown li .add_district {
    color: #999;
    font-size: .37333rem
}

.search_notice {
    width: 8rem;
    height: 1.2rem;
    line-height: 1.2rem;
    text-align: center;
    position: fixed;
    left: 1rem;
    top: 1.45rem;
    background-color: rgba(1, 1, 1, .7);
    border-radius: 10px;
    font-size: .4rem;
    color: #fff;
    z-index: 1000
}

.search_notice .up_guide {
    width: .32rem;
    height: .32rem;
    background: url(https://static.changingedu.com/static/assets/static/student/findteacher/images/560/icon_up.88e4d6a477e06899d2c605ddfabcc01d.png) no-repeat;
    background-position: 50%;
    background-size: 100% 100%;
    position: absolute;
    top: -.32rem;
    left: 2rem
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    animation-fill-mode: forwards
}

.animate1000 {
    -webkit-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s
}

.animate500 {
    -webkit-animation-duration: .5s;
    -ms-animation-duration: .5s;
    -o-animation-duration: .5s;
    animation-duration: .5s
}

@-webkit-keyframes rip {
    0% {
        box-shadow: 0 0 0 0 transparent, 0 0 0 0 transparent, 0 0 0 0 transparent, 0 0 0 0 transparent
    }
    20% {
        box-shadow: 0 0 2px .06667rem rgba(193, 241, 217, .8), 0 0 2px .06667rem rgba(193, 241, 217, .5)
    }
    40% {
        box-shadow: 0 0 3px .08rem rgba(193, 241, 217, .8), 0 0 3px .1rem rgba(193, 241, 217, .5)
    }
    80% {
        box-shadow: 0 0 3px .12rem rgba(193, 241, 217, .8), 0 0 3px .15rem rgba(193, 241, 217, .5)
    }
    to {
        box-shadow: 0 0 0 0 transparent, 0 0 0 0 transparent, 0 0 0 0 transparent, 0 0 0 0 transparent
    }
}

@-moz-keyframes rip {
    0% {
        box-shadow: 0 0 0 0 transparent, 0 0 0 0 transparent, 0 0 0 0 transparent, 0 0 0 0 transparent
    }
    20% {
        box-shadow: 0 0 2px .06667rem rgba(193, 241, 217, .8), 0 0 2px .06667rem rgba(193, 241, 217, .5)
    }
    40% {
        box-shadow: 0 0 3px .08rem rgba(193, 241, 217, .8), 0 0 3px .1rem rgba(193, 241, 217, .5)
    }
    80% {
        box-shadow: 0 0 3px .12rem rgba(193, 241, 217, .8), 0 0 3px .15rem rgba(193, 241, 217, .5)
    }
    to {
        box-shadow: 0 0 0 0 transparent, 0 0 0 0 transparent, 0 0 0 0 transparent, 0 0 0 0 transparent
    }
}

@-webkit-keyframes rip_expand {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(1.3);
        -moz-transform: scale(1.3);
        -ms-transform: scale(1.3);
        -o-transform: scale(1.3);
        transform: scale(1.3)
    }
}

@keyframes rip_expand {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(1.3);
        -moz-transform: scale(1.3);
        -ms-transform: scale(1.3);
        -o-transform: scale(1.3);
        transform: scale(1.3)
    }
}

.global_city_wrap {
    z-index: 1001;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto
}

.disable-hover, .disable-hover * {
    pointer-events: none !important
}

.bgf0 {
    background: #f0f0f0
}

.model-search-address.model-search {
    padding-right: 1rem;
    height: auto
}

.model-search-address textarea {
    width: 100%;
    border: 0;
    resize: none;
    padding-top: .5rem;
    padding-bottom: .3rem;
    height: 24px;
    box-sizing: content-box
}

.address_select .model-dropdown {
    top: 1.55rem;
    background: #fff;
    margin-bottom: 0
}

.search-drop-wrap {
    width: 100%;
    position: absolute;
    z-index: 2
}

.search-drop-wrap .swiper-wrapper {
    display: block
}

.search-drop-wrap .swiper-slide {
    width: 100%;
    height: auto;
    -webkit-flex-shrink: 1;
    -ms-flex: 1 1 auto;
    flex-shrink: 1
}

.empty_course_grade {
    color: #f60
}

.top-fixed-wrap {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 5
}

.top-fixed-wrap .new_m_header, .top-fixed-wrap .search-bar {
    z-index: 100;
    position: relative
}

.module-unknowcity {
    margin-top: .6rem;
    color: #666;
    width: 100%;
    overflow: hidden
}

.module-unknowcity .tips {
    color: #23cd77;
    margin-bottom: .4rem;
    padding: .266667rem .333333rem;
    background: #fff;
    font-size: 12px
}

.module-unknowcity .tips h3 {
    margin: .133333rem 0 .0666667rem;
    font-size: 20px
}

.module-unknowcity .tips p {
    margin-bottom: 0
}

.module-unknowcity .form-submit {
    line-height: 1rem;
    width: 100%;
    font-size: 12px
}

.module-unknowcity .form-submit .item {
    margin-bottom: 2px;
    background: #fff
}

.module-unknowcity .form-submit .item .name {
    display: inline-block;
    margin-left: .333333rem;
    width: 1.2rem
}

.module-unknowcity .form-submit .item input, .module-unknowcity .form-submit .item select {
    width: 6.8rem;
    color: #999;
    height: 40px;
    border: 0;
    background: none
}

.module-unknowcity .form-submit .item input, .module-unknowcity .form-submit .item select, .module-unknowcity .form-submit .item span {
    line-height: 1rem;
    padding: .16rem 0
}

.module-unknowcity .js_btn-submit {
    width: 94%;
    margin: .533333rem auto 0;
    line-height: 1rem;
    padding: .16rem 0;
    text-align: center;
    color: #fff;
    font-size: 14px;
    border-radius: .133333rem;
    background: #23cd77
}

.module-unknowcity .txt {
    width: 94%;
    text-align: right
}

.module-unknowcity .txt a {
    color: #666
}

.module-wrap-course {
    display: none
}

.module-popup {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 100;
    opacity: .5;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #000
}

.module-course {
    position: absolute;
    padding: .933333rem 0;
    width: 90%;
    top: 20%;
    margin-left: -45%;
    left: 50%;
    z-index: 200;
    background: #fff
}

.module-course .btn-close {
    position: absolute;
    top: .266667rem;
    right: .266667rem;
    text-indent: -9999rem;
    width: .533333rem;
    height: .533333rem;
    background: url(https://static.changingedu.com/static/assets/static/student/findteacher/images/icon-close.1cee44db08231967c2107a6c937e0124.jpg) no-repeat;
    background-size: 80% 80%
}

.module-course .btn-commit {
    width: 8rem;
    margin: 0 auto;
    border-radius: 10px;
    line-height: 1rem;
    padding: .16rem 0;
    color: #fff;
    text-align: center;
    font-size: 14px;
    background: #23cd77
}

.module-course ul {
    width: 8rem;
    margin: 0 auto;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex
}

.module-course ul .none {
    visibility: hidden;
    border: 0;
    background: none
}

.module-course ul li {
    line-height: .8rem;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: .0666667rem .466667rem;
    vertical-align: middle;
    text-align: center;
    border: 1px solid silver;
    border-radius: .133333rem;
    margin-right: .933333rem;
    margin-bottom: .533333rem;
    background-color: #fff
}

.module-course ul li.active {
    color: #fff;
    background: #23cd77;
    border: 1px solid #23cd77
}

.module-course ul li.empty {
    border: none;
    background-color: #f0f0f0
}

.module-course ul li:last-child {
    margin-right: 0
}

.module-unknowcity-success {
    padding-top: 3rem;
    background-color: #fff;
    text-align: center;
    color: #999
}

.module-unknowcity-success .hd {
    margin-bottom: .266667rem
}

.module-unknowcity-success .hd span {
    display: inline-block;
    margin: .133333rem;
    vertical-align: middle
}

.module-unknowcity-success .hd .msg {
    font-size: 18px;
    color: #666
}

.module-unknowcity-success .icon-sucess {
    width: .853333rem;
    height: .853333rem;
    margin: 0 auto -5px;
    background: url(https://static.changingedu.com/static/assets/static/student/findteacher/images/icon-sucess.b3358eabe5e04a784657b75a9b6fe812.jpg) no-repeat;
    background-size: 100% 100%
}

.module-unknowcity-success img {
    margin-top: .266667rem;
    width: 100%
}

.module-unknowcity-success .txt {
    width: 100%;
    margin: 1rem auto 0;
    line-height: 1rem;
    text-align: left;
    padding-left: 7.5%;
    background: #f0f0f0
}

.module-unknowcity-success .bd {
    width: 85%;
    margin: 0 auto
}

.module-unknowcity-success .bd img {
    margin: .666667rem 0
}

.module-unknowcity-success .bd .btn {
    width: 100%;
    margin: .266667rem 0 .666667rem;
    padding: 0;
    color: #fff;
    line-height: 1rem;
    font-size: 14px;
    border-radius: 10px;
    background: #23cd77
}

.module-unknowcity-success .bd .btn a {
    display: block;
    color: #fff
}

.address_select {
    background: #f0f0f0
}

.address_select header {
    display: block;
    width: 100%;
    height: 1.3rem;
    top: 0;
    left: 0;
    padding-top: 0;
    padding-bottom: 0;
    text-align: center;
    vertical-align: middle;
    border-bottom: 1px solid #ccc;
    background-color: #23cd77;
    position: fixed;
    color: #fff;
    z-index: 999
}

.address_select i.returnBack {
    height: 100%;
    line-height: 1.3rem;
    vertical-align: middle;
    background: url(https://static.changingedu.com/static/assets/static/student/findteacher/images/find_teacher/tips_lj_white.f60fe2c37b487000b511a321ed97039f.png) no-repeat;
    background-size: .28rem .48rem;
    background-position: 50%;
    padding-left: 0;
    width: 1.33333rem
}

.address_select header h3 {
    height: 100%;
    line-height: 1.3rem;
    vertical-align: middle;
    overflow: visible;
    max-width: 70%
}

.address_select .newAddressWrap {
    margin-top: 55px
}

.popup-mask.find_teacher_mask {
    z-index: 2;
    background: rgba(0, 0, 0, .5)
}

.max-600 .teacher-list .search-bar-wrap {
    max-width: 600px;
    z-index: 4;
    left: auto
}

.max-600 .address_select {
    max-width: 600px;
    left: auto
}

.address_select + .popup-contents + .popup-mask {
    z-index: 1000
}

.max-600 .teacher-list .dofind-btn, .max-600 .third-dropdown {
    width: 600px;
    left: auto
}

.teacher-list .bottom-wrap {
    width: 100%;
    height: 1.3rem;
    position: relative;
    z-index: 100;
    z-index: 4
}

.teacher-list .bottom-wrap .flex-wrap {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex
}

.teacher-list .bottom-wrap .flex-wrap > div {
    -webkit-box-flex: 4;
    -moz-box-flex: 4;
    box-flex: 4;
    -webkit-flex: 4;
    -moz-flex: 4;
    -ms-flex: 4;
    flex: 4;
    vertical-align: middle;
    line-height: 1.3rem;
    height: 1.3rem;
    text-align: center;
    background: #fff;
    color: #999;
    font-size: 18px
}

.teacher-list .bottom-wrap .flex-wrap > div:last-child {
    -webkit-box-flex: 6;
    -moz-box-flex: 6;
    box-flex: 6;
    -webkit-flex: 6;
    -moz-flex: 6;
    -ms-flex: 6;
    flex: 6;
    background: #23cd77;
    border-left: none
}

.teacher-list .bottom-wrap .flex-wrap > div:last-child a {
    color: #fff
}

.teacher-list .bottom-wrap .flex-wrap a {
    color: #999;
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none
}

.teacher-list .dofind-btn {
    position: fixed;
    bottom: .4rem;
    z-index: 2;
    right: .4rem;
    width: 1.33333rem;
    height: 1.33333rem;
    line-height: 1.33333rem;
    font-size: 12px;
    border-top-left-radius: 9999px;
    border-top-right-radius: 9999px;
    border-bottom-right-radius: 9999px;
    border-bottom-left-radius: 9999px;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    background: #23cd77
}

.teacher-list .dofind-btn .txt {
    width: 1.33333rem;
    height: 1.33333rem;
    color: #fff;
    z-index: 2;
    position: absolute
}

.teacher-list .dofind-btn .pop-second {
    -webkit-animation: rip_expand 2s infinite ease-in;
    -moz-animation: rip_expand 2s infinite ease-in;
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    animation-delay: 1s
}

.teacher-list .dofind-btn .pop, .teacher-list .dofind-btn .pop-second {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #23cd77;
    display: block;
    z-index: 1;
    border-top-left-radius: 9999px;
    border-top-right-radius: 9999px;
    border-bottom-right-radius: 9999px;
    border-bottom-left-radius: 9999px;
    content: ""
}

.teacher-list .dofind-btn .pop {
    -webkit-animation: rip_expand 2s infinite ease-in;
    -moz-animation: rip_expand 2s infinite ease-in
}

.teacher-list .icon-drop {
    width: .373333rem;
    height: .213333rem;
    background: url(https://static.changingedu.com/static/assets/static/student/findteacher/images/sprite/findteacher-min.adfc3cb11d52574132c908ec2aafc1d7.png) no-repeat;
    background-position: -4.90667rem -4.6rem;
    background-size: 10rem 6.97333rem;
    margin-left: .2rem;
    position: absolute;
    top: .5rem
}

.teacher-list .search-bar-wrap {
    width: 100%
}

.teacher-list .search-bar {
    width: 100%;
    height: 1.52rem;
    color: #666;
    font-size: 14px;
    background-color: #fff;
    border-bottom: 1px solid #d2d3d4;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: left;
    -moz-box-pack: left;
    box-pack: left;
    -webkit-justify-content: left;
    -moz-justify-content: left;
    -ms-justify-content: left;
    -o-justify-content: left;
    justify-content: left;
    -ms-flex-pack: left
}

.teacher-list .search-bar > div {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-top: .4rem;
    padding-bottom: .4rem;
    text-align: center;
    height: 100%;
    vertical-align: middle;
    line-height: 20px
}

.teacher-list .search-bar > div div {
    border-right: 1px solid #e4e4e4;
    padding-right: .5rem;
    height: 100%;
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center
}

.teacher-list .search-bar > div:last-child div {
    border-right: none
}

.teacher-list .search-bar .arrow-down {
    width: .373333rem;
    height: .213333rem;
    background: url(https://static.changingedu.com/static/assets/static/student/findteacher/images/find_teacher/arrow_drop_grey.a6dfd456309e238badddedf3ac8528fd.png) no-repeat;
    background-size: .373333rem .213333rem;
    /*margin-left: .1rem;*/
    right: .293333rem;
    position: absolute;
    top: .293333rem;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg)
}

.teacher-list .search-bar .arrow-down, .teacher-list .search-bar .rotate {
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.teacher-list .search-bar .rotate {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    background: url(https://static.changingedu.com/static/assets/static/student/findteacher/images/find_teacher/arrow_top.efd771452bafc7f6e8f9dddd2c941e2b.jpg) no-repeat;
    background-size: .373333rem .213333rem
}

.teacher-list .search-bar .green {
    color: #23cd77
}

.teacher-list .search-drop {
    width: 100%;
    position: absolute
}

.teacher-list .search-drop .item {
    padding-top: .333333rem;
    padding-bottom: .333333rem;
    padding-right: .5rem;
    background: #fff;
    border-bottom: 1px solid #d2d3d4;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex
}

.teacher-list .search-drop .item .l {
    width: 25%;
    height: 1rem
}

.teacher-list .search-drop .item .l > div {
    width: 100%;
    height: 1rem;
    line-height: 1rem;
    vertical-align: middle;
    font-size: 18px;
    text-align: center
}

.teacher-list .search-drop .item .l.wide {
    height: 2.2rem
}

.teacher-list .search-drop .item .l.wide > div {
    height: 2.2rem;
    line-height: 2.2rem
}

.teacher-list .search-drop .item .r {
    width: 75%
}

.teacher-list .search-drop .item .block-wrap {
    margin-bottom: .333333rem;
    width: 100%
}

.teacher-list .search-drop .item .block-wrap:last-child {
    margin-bottom: 0
}

.teacher-list .search-drop .item .block-item {
    float: left;
    width: 2.2rem;
    height: .933333rem;
    line-height: .933333rem;
    vertical-align: middle;
    text-align: center;
    border: 1px solid silver;
    border-radius: .133333rem;
    background-color: #fff;
    margin-right: .2rem
}

.teacher-list .search-drop .item .block-item.active {
    color: #23cd77;
    border: 1px solid #23cd77
}

.teacher-list .search-drop .item .block-item.empty {
    border: none;
    background-color: #f0f0f0
}

.teacher-list .search-drop .item .block-item:last-child {
    margin-right: 0
}

.teacher-list .search-drop .item .block-item.block-item_audition {
    width: 3.66667rem
}

.teacher-list .search-drop .gender-item {
    border-bottom: 1px solid #d2d3d4;
    padding-top: .333333rem;
    padding-bottom: .333333rem;
    background: #fff;
    font-size: 14px;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex
}

.teacher-list .search-drop .gender-item .l {
    padding-left: .533333rem;
    width: 25%;
    position: relative
}

.teacher-list .search-drop .gender-item .l span {
    width: 100%;
    height: 1rem;
    line-height: 1rem;
    vertical-align: middle
}

.teacher-list .search-drop .gender-item .r {
    width: 75%
}

.teacher-list .search-drop .gender-item .block-wrap {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: .333333rem
}

.teacher-list .search-drop .gender-item .block-wrap:last-child {
    margin-bottom: 0
}

.teacher-list .search-drop .gender-item .block-item {
    width: 2.06667rem;
    height: 1rem;
    line-height: 1rem;
    vertical-align: middle;
    text-align: center;
    border: 1px solid silver;
    border-radius: .133333rem;
    margin-right: .333333rem;
    background-color: #fff
}

.teacher-list .search-drop .gender-item .block-item.active {
    color: #23cd77;
    border: 1px solid #23cd77
}

.teacher-list .search-drop .gender-item .block-item.empty {
    border: none;
    background-color: #f0f0f0
}

.teacher-list .search-drop .gender-item .block-item:last-child {
    margin-right: 0
}

.teacher-list .search-drop .gender-item .block-item.block-item_audition {
    width: 3.66667rem
}

.teacher-list .search-drop .gender-item .block-item_audition {
    width: 3.62667rem
}

.teacher-list .search-drop .btn-wrap {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    border-bottom: 1px solid #d2d3d4
}

.teacher-list .search-drop .btn-wrap .l {
    -webkit-box-flex: 2;
    -moz-box-flex: 2;
    box-flex: 2;
    -webkit-flex: 2;
    -moz-flex: 2;
    -ms-flex: 2;
    flex: 2;
    height: 100%;
    line-height: 1.33333rem;
    vertical-align: middle;
    text-align: center;
    color: #666;
    background: #fff;
    border-right: 1px solid #d2d3d4
}

.teacher-list .search-drop .btn-wrap .r {
    -webkit-box-flex: 3;
    -moz-box-flex: 3;
    box-flex: 3;
    -webkit-flex: 3;
    -moz-flex: 3;
    -ms-flex: 3;
    flex: 3;
    height: 100%;
    line-height: 1.33333rem;
    vertical-align: middle;
    text-align: center;
    background: #f60;
    color: #fff
}

.teacher-list .list-wrap-new {
    width: 100%;
    line-height: 1.8;
    padding-top: 2.2rem;
}

.teacher-list .list-wrap-new .empty-item {
    margin-top: 2.26667rem;
    width: 6.36rem;
    height: 3.44rem;
    margin-left: auto;
    margin-right: auto;
    background: url(https://static.changingedu.com/static/assets/static/student/findteacher/images/500/empty_list.3d2b0ac652255bf2cf935cbb9266c2c8.png) no-repeat;
    background-size: 100% 100%
}

.teacher-list .list-wrap-new.has_nav_filter {
    padding-top: 6rem
}

.teacher-list .list-wrap-new.has_two_nav_filter {
    padding-top: 8.8rem
}

.teacher-list .list-wrap-new .item {
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    background: #fff;
   /* margin-bottom: .333333rem*/
}

.teacher-list .list-wrap-new .tags {
    position: relative;
    width: 100%
}

.teacher-list .list-wrap-new .tags span {
    margin-right: .16rem
}

.teacher-list .list-wrap-new .tags span.fr {
    position: absolute;
    right: 0;
    margin-right: 0
}

.teacher-list .list-wrap-new .male {
    height: 20px;
    width: .3rem;
    margin-left: .1rem;
    display: inline-block;
    position: relative
}

.teacher-list .list-wrap-new .male em {
    top: 50%;
    margin-top: -.173333rem;
    position: absolute;
    width: .24rem;
    height: .346667rem;
    background: url(https://static.changingedu.com/static/assets/static/student/findteacher/images/500/ic_search_male@2x.74d54aab583191e14ff736c1795d9417.png) no-repeat;
    background-size: .24rem .346667rem
}

.teacher-list .list-wrap-new .female {
    height: 20px;
    width: .3rem;
    display: inline-block;
    margin-left: .1rem;
    position: relative
}

.teacher-list .list-wrap-new .female em {
    top: 50%;
    margin-top: -.173333rem;
    position: absolute;
    width: .24rem;
    height: .346667rem;
    background: url(https://static.changingedu.com/static/assets/static/student/findteacher/images/500/ic_search_female@2x.d6b231a4d34a02e9d6d13d58700e2269.png) no-repeat;
    background-size: .24rem .346667rem
}

.teacher-list .list-wrap-new .star-wrap {
    display: inline-block;
    width: 2.13333rem;
    height: .533333rem;
    line-height: .533333rem;
    background: url(https://static.changingedu.com/static/assets/static/student/findteacher/images/500/star_normal.072ba3ec917492632db30616d115ba18.png) no-repeat;
    background-size: 100% 100%;
    margin-left: -.0533333rem
}

.teacher-list .list-wrap-new .star-wrap .abs {
    position: absolute;
    background: url(https://static.changingedu.com/static/assets/static/student/findteacher/images/500/star_full.ac3fd152688e71479a8e16e93eed3256.png) no-repeat;
    background-size: 2.13333rem .533333rem;
    height: .533333rem
}

.teacher-list .list-wrap-new .t_info {
    color: #999;
    font-size: .32rem
}

.teacher-list .list-wrap-new .t_info span:last-child {
    margin-right: 0
}

.teacher-list .list-wrap-new .tags em {
    display: inline-block;
    width: 12px;
    height: 12px;
    line-height: 12px;
    vertical-align: middle;
    background: url(https://static.changingedu.com/static/assets/static/student/findteacher/images/500/icon_ok.31686c305742996a23fb798216ecb373.png) no-repeat;
    background-size: 100% 100%;
    margin-right: .133333rem
}

.teacher-list .list-wrap-new .noable {
    color: #999
}

.teacher-list .list-wrap-new .noable em {
    background-image: url(https://static.changingedu.com/static/assets/static/student/findteacher/images/500/icon_empty.5103b5b3b3c8a6998f5f57c142994884.png)
}

.teacher-list .list-wrap-new .border_wrap {
    padding-left: .266667rem;
    padding-top: .333333rem
}

.teacher-list .list-wrap-new .extra_tags .wrap {
    width: 100%;
    padding-bottom: .1rem;
    box-sizing: content-box;
    height: 20px;
    line-height: 20px;
    overflow: hidden
}

.teacher-list .list-wrap-new .extra_tags .wrap span {
    float: left;
    margin-right: .266667rem;
    height: 18px;
    line-height: 18px;
    text-align: center;
    border: 1px solid #999;
    border-radius: 5px;
    padding-left: .1rem;
    padding-right: .1rem;
    margin-bottom: .266667rem;
    color: #999
}

.teacher-list .list-wrap-new .extra_tags .wrap span:nth-child(6) {
    margin-right: 0
}

.teacher-list .list-wrap-new .extra_tags .wrap span:nth-child(3n), .teacher-list .list-wrap-new .extra_tags .wrap span:nth-child(3n-1) {
    color: #999
}

.teacher-list .list-wrap-new .header {
    border-bottom: 1px solid #f3f3f3;

}

.teacher-list .list-wrap-new .header .img {
    width: 1.6rem;
    height: 1.6rem;
    margin-top: .106667rem;
    float: left
}

.teacher-list .list-wrap-new .header .img img {
    border-top-left-radius: .266667rem;
    border-top-right-radius: .266667rem;
    border-bottom-right-radius: .266667rem;
    border-bottom-left-radius: .266667rem;
    width: 100%;
    height: 100%
}

.teacher-list .list-wrap-new .header .img .audio {
    position: absolute;
    right: .133333rem;
    bottom: .133333rem;
    width: .533333rem;
    height: .533333rem;
    background: url(https://static.changingedu.com/static/assets/static/student/findteacher/images/515/icon_teacher_yinpin_s@2x.ceff1b60d66317ff6bb7ef3bd3ae6c0d.png) no-repeat;
    background-size: 100% 100%
}

.teacher-list .list-wrap-new .header .img .video {
    position: absolute;
    right: .133333rem;
    bottom: .133333rem;
    width: .533333rem;
    height: .533333rem;
    background: url(https://static.changingedu.com/static/assets/static/student/findteacher/images/515/list_play@2x.3a686cf86500a463af9e6996067554dd.png) no-repeat;
    background-size: 100% 100%
}

.teacher-list .list-wrap-new .info {
    margin-left: 1.8rem;
    padding-right: .333333rem
}

.teacher-list .list-wrap-new .info .txt {
    font-size: 16px
}

.teacher-list .list-wrap-new .info .is_trm {
    padding-left: 66px;
    background: url(https://static.changingedu.com/static/assets/static/student/findteacher/images/590/icon_trm.0a537858de63ae81c49f12b5b18ad999.png) no-repeat;
    background-size: auto 14px;
    background-position: 0
}

.teacher-list .list-wrap-new .info .is_trmt {
    padding-left: 66px;
    background: url(https://static.changingedu.com/static/assets/static/student/findteacher/images/590/icon_trmt.4ca4cf1be0769379f340a5877f769899.png) no-repeat;
    background-size: auto 14px;
    background-position: 0
}

.teacher-list .list-wrap-new .info .content_info {
    width: 100%;
    position: relative;
    font-size: .32rem;
    border-top: 1px solid #f1f1f1;
    color: #6a6a6a;
    padding: .15rem 0 0;
    margin-top: .1rem
}

.teacher-list .list-wrap-new .info .content_info .title_count {
    position: absolute;
    top: .15rem;
    right: 0
}

.teacher-list .list-wrap-new .info .content_info .content_items {
    width: 100%;
    box-sizing: border-box;
    padding-left: .6rem;
    background: url(https://static.changingedu.com/static/assets/static/student/findteacher/images/555/icon_teacherlist_jxkc@3x.b9b8a87258f4137128716e730a5462f7.png) no-repeat;
    background-position: 0;
    background-size: .48rem;
    width: 87%
}

.teacher-list .list-wrap-new .info .content_info .content_items.live_free_audition {
    background-image: url(https://static.changingedu.com/static/assets/static/student/findteacher/images/596/icon_teacherlist_mfst@2x.311df6c51f3c2461fde337868e2d12d1.png)
}

.teacher-list .list-wrap-new .info .content_info .content_items .package_type {
    border: 1px solid #ffa061;
    border-radius: 3px;
    color: #ffa061;
    padding: 1px .1rem
}

.teacher-list .list-wrap-new .info .content_info .content_items .fr {
    width: 60px;
    text-align: left
}

.teacher-list .list-wrap-new .info .content_info .content_items .package_name {
    position: relative;
    top: 1px;
    margin-left: .133333rem;
    float: left;
    height: 22px;
    max-width: 4rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.teacher-list .list-wrap-new .price-wrap {
    right: 0;
    top: 0;
    font-size: 16px;
    color: #f60;
    width: 3.76667rem;
    text-align: right
}

.teacher-list .list-wrap-new .price-wrap h1 {
    max-width: 100%;
    font-size: 17px;
    margin: 0;
    line-height: 24px;
    height: 24px;
    max-width: 4rem;
    vertical-align: middle
}

.teacher-list .list-wrap-new .price-wrap .cOrange {
    font-size: 16px
}

.teacher-list .list-wrap-new .price-wrap span {
    font-size: 12px
}

.teacher-list .list-wrap-new .common-info {
    font-size: 14px;
    border-top: 1px solid #e5e5e5;
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: left;
    -moz-box-pack: left;
    box-pack: left;
    -webkit-justify-content: left;
    -moz-justify-content: left;
    -ms-justify-content: left;
    -o-justify-content: left;
    justify-content: left;
    -ms-flex-pack: left
}

.teacher-list .list-wrap-new .common-info > div {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    padding-top: .2rem;
    padding-bottom: .2rem;
    height: 100%
}

.teacher-list .list-wrap-new .common-info > div:last-child .item-wrap {
    border-right: none
}

.teacher-list .list-wrap-new .common-info .item-wrap {
    border-right: 1px solid #e5e5e5;
    height: .5rem;
    line-height: .5rem
}

.teacher-list .list-wrap-new .common-info .item-wrap:nth-child(2) p {
    color: #b4b4b4
}

.teacher-list .list-wrap-new .common-info p {
    display: inline-block;
    margin-bottom: 0
}

.teacher-list .list-wrap {
    margin-top: 4.5rem;
    width: 100%;
    line-height: 1.8;
    padding-bottom: 1.4rem
}

.teacher-list .list-wrap .price-wrap {
    right: 10px;
    top: .266667rem;
    font-size: 16px;
    color: #f60;
    width: 3.76667rem;
    text-align: right
}

.teacher-list .list-wrap .price-wrap h1 {
    max-width: 100%
}

.teacher-list .list-wrap .price-wrap .cOrange {
    font-size: 16px
}

.teacher-list .list-wrap .price-wrap span {
    font-size: 12px
}

.teacher-list .list-wrap .icon-confirm {
    height: .586667rem;
    width: .333333rem;
    display: inline-block;
    background: url(https://static.changingedu.com/static/assets/static/student/findteacher/images/find_teacher/confirmicon-min.924b2f16a73cb057f9ec3574f197061d.jpg) no-repeat;
    background-size: contain;
    vertical-align: middle;
    margin-right: .15rem
}

.teacher-list .list-wrap .item {
    padding: .266667rem;
    padding-bottom: .266667rem;
    background: #fff;
    margin-top: 12px
}

.teacher-list .list-wrap .info {
    margin-left: 80px
}

.teacher-list .list-wrap h1 {
    font-size: 17px;
    margin: 0;
    line-height: 24px;
    height: 24px;
    max-width: 4rem;
    vertical-align: middle
}

.teacher-list .list-wrap p {
    margin: 0;
    color: #666;
    font-size: 14px;
    line-height: 22px
}

.teacher-list .list-wrap .header {
    min-height: 1.733333rem
}

.teacher-list .list-wrap .header img {
    width: 70px;
    height: 70px;
    border-top-left-radius: 9999px;
    border-top-right-radius: 9999px;
    border-bottom-right-radius: 9999px;
    border-bottom-left-radius: 9999px
}

.teacher-list .list-wrap .empty {
    color: #666
}

.teacher-list .list-wrap .cert-wrap {
    line-height: 24px;
    height: 24px;
    font-size: 14px;
    color: #666
}

.teacher-list .list-wrap .cert-wrap .fl {
    margin-right: .266667rem;
    line-height: 24px
}

.teacher-list .list-wrap .cert-wrap .cert-item {
    padding: .06rem .1rem;
    border: 1px solid #666;
    font-size: 12px;
    margin-right: .1rem
}

.teacher-list .list-wrap .cert-wrap .star {
    color: #5b6cd4;
    border: 1px solid #5b6cd4
}

.teacher-list .list-wrap .cert-wrap .teacher {
    color: #23cd77;
    border: 1px solid #23cd77
}

.teacher-list .list-wrap .cert-wrap .cert {
    color: #f99e09;
    border: 1px solid #f99e09
}

.teacher-list .list-wrap .cert-wrap .edu {
    color: #bb6dff;
    border: 1px solid #bb6dff
}

.teacher-list .list-wrap .cert-wrap .card {
    color: #1eaeea;
    border: 1px solid #1eaeea
}

.teacher-list .list-wrap .cert-wrap .pro {
    color: #f46a08;
    border: 1px solid #f46a08
}

.teacher-list .list-wrap .mtv5 {
    margin-top: 3px;
    margin-bottom: 3px
}

.teacher-list .door-type .door-item {
    width: 100%;
    background: #fff;
    height: 1.4rem;
    line-height: 1.4rem;
    border-bottom: 1px solid #d2d3d4;
    padding-left: .933333rem;
    font-size: 14px
}

.teacher-list .door-type .icon-confirm {
    background: url(https://static.changingedu.com/static/assets/static/student/findteacher/images/sprite/findteacher-min.adfc3cb11d52574132c908ec2aafc1d7.png) no-repeat;
    background-position: -7.81333rem -3.37333rem;
    background-size: 10rem 6.97333rem;
    width: .586667rem;
    height: .72rem;
    top: .333333rem;
    right: .453333rem;
    position: absolute
}

.teacher-list .intel-drop .intel-item {
    width: 100%;
    background: #fff;
    height: 1.4rem;
    line-height: 1.4rem;
    border-bottom: 1px solid #d2d3d4;
    padding-left: .933333rem;
    font-size: 14px
}

.teacher-list .intel-drop .intel-item.active {
    color: #23cd77
}

.teacher-list .intel-drop .icon-confirm {
    background: url(https://static.changingedu.com/static/assets/static/student/findteacher/images/sprite/findteacher-min.adfc3cb11d52574132c908ec2aafc1d7.png) no-repeat;
    background-position: -7.81333rem -3.37333rem;
    background-size: 10rem 6.97333rem;
    width: .586667rem;
    height: .72rem;
    top: .333333rem;
    right: .453333rem;
    position: absolute
}

.teacher-list .empty-item {
    margin-top: 2.26667rem;
    width: 6.36rem;
    height: 3.44rem;
    margin-left: auto;
    margin-right: auto;
    background: url(https://static.changingedu.com/static/assets/static/student/findteacher/images/500/empty_list.3d2b0ac652255bf2cf935cbb9266c2c8.png);
    background-size: 100% 100%
}

.mtR40 {
    margin-top: .533333rem
}

.search-choose-list {
    padding: .266667rem .333333rem .533333rem;
    background: #fff
}

.search-choose-list .row-wrap {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify
}

.search-choose-list .item {
    width: 1.6rem;
    height: 2.06667rem
}

.search-choose-list .icon {
    width: 1.4rem;
    height: 1.4rem;
    margin-left: auto;
    margin-right: auto
}

.search-choose-list .shuxue {
    background: url(https://static.changingedu.com/static/assets/static/student/findteacher/images/search_icon/icon_search_shuxue.714b89fb39fa5a9dfa07c779e131efae.png) no-repeat;
    background-size: 100% 100%
}

.search-choose-list .aoshu {
    background: url(https://static.changingedu.com/static/assets/static/student/findteacher/images/search_icon/icon_search_aoshu.80e0baedc383421774109be07a04b0a8.png) no-repeat;
    background-size: 100% 100%
}

.search-choose-list .dili {
    background: url(https://static.changingedu.com/static/assets/static/student/findteacher/images/search_icon/icon_search_dili.332d83d37ea7f1f9cc80efa5905b5cd3.png) no-repeat;
    background-size: 100% 100%
}

.search-choose-list .huaxue {
    background: url(https://static.changingedu.com/static/assets/static/student/findteacher/images/search_icon/icon_search_huaxue.31e380e6d75608c34603db063f5bd480.png) no-repeat;
    background-size: 100% 100%
}

.search-choose-list .kexue {
    background: url(https://static.changingedu.com/static/assets/static/student/findteacher/images/search_icon/icon_search_kexue.3d2e5ce0bee3fef1b128b79902e9cb66.png) no-repeat;
    background-size: 100% 100%
}

.search-choose-list .lishi {
    background: url(https://static.changingedu.com/static/assets/static/student/findteacher/images/search_icon/icon_search_lishi.731e60ad79d89758b29dff8ae6d0016d.png) no-repeat;
    background-size: 100% 100%
}

.search-choose-list .meishu {
    background: url(https://static.changingedu.com/static/assets/static/student/findteacher/images/search_icon/icon_search_meishu.c39187a34e3d3af7c90866c9d9b0f52b.png) no-repeat;
    background-size: 100% 100%
}

.search-choose-list .shengwu {
    background: url(https://static.changingedu.com/static/assets/static/student/findteacher/images/search_icon/icon_search_shengwu.ba949b76294fa3eed04322e8ef63b6f2.png) no-repeat;
    background-size: 100% 100%
}

.search-choose-list .wuli {
    background: url(https://static.changingedu.com/static/assets/static/student/findteacher/images/search_icon/icon_search_wuli.0f834e909e1114efdd67261f39c1e009.png) no-repeat;
    background-size: 100% 100%
}

.search-choose-list .yingyu {
    background: url(https://static.changingedu.com/static/assets/static/student/findteacher/images/search_icon/icon_search_yingyu.f041b448013de77b9a669a15a8724f2c.png) no-repeat;
    background-size: 100% 100%
}

.search-choose-list .yuwen {
    background: url(https://static.changingedu.com/static/assets/static/student/findteacher/images/search_icon/icon_search_yuwen.f8d6252b950933b2706073637f59158e.png) no-repeat;
    background-size: 100% 100%
}

.search-choose-list .zhengzhi {
    background: url(https://static.changingedu.com/static/assets/static/student/findteacher/images/search_icon/icon_search_zhengzhi.d99baaa6ccf16e4614b2666c164823be.png) no-repeat;
    background-size: 100% 100%
}

.search-choose-list .zonghe {
    background: url(https://static.changingedu.com/static/assets/static/student/findteacher/images/search_icon/icon_search_zonghe.a028ec33341c5e0ad160de21a5cb53d6.png) no-repeat;
    background-size: 100% 100%
}

.search-choose-list .buxian {
    background: url(https://static.changingedu.com/static/assets/static/student/findteacher/images/search_icon/icon_search_buxian.d9b19b44a0f379e46a0d1ffe4f311362.png) no-repeat;
    background-size: 100% 100%
}

.search-choose-list .txt {
    width: 100%;
    height: .666667rem;
    line-height: .666667rem;
    text-align: center
}

.course-choose-list {
    padding: .266667rem .333333rem .533333rem;
    background: #fff
}

.course-choose-list .row-wrap {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify
}

.course-choose-list .item {
    width: 1.6rem;
    height: 2.06667rem
}

.course-choose-list .icon {
    width: 1.4rem;
    height: 1.4rem;
    margin-left: auto;
    margin-right: auto;
    background: url(https://static.changingedu.com/static/assets/static/student/findteacher/images/sprite/m_icon-min.bd69c776dedca1ba5be4961f4d583924.png) no-repeat;
    background-size: 10rem 6.85333rem
}

.course-choose-list .shuxue {
    background-position: -3.68rem -3.57333rem
}

.course-choose-list .aoshu {
    background-position: 0 -3.57333rem
}

.course-choose-list .dili {
    background-position: -1.84rem -1.73333rem
}

.course-choose-list .huaxue {
    background-position: -3.68rem -1.73333rem
}

.course-choose-list .kexue {
    background-position: -5.52rem -1.73333rem
}

.course-choose-list .lishi {
    background-position: -7.36rem -1.73333rem
}

.course-choose-list .meishu {
    background-position: 0 -1.73333rem
}

.course-choose-list .shengwu {
    background-position: -1.84rem -3.57333rem
}

.course-choose-list .wuli {
    background-position: -5.52rem -3.57333rem
}

.course-choose-list .yingyu {
    background-position: -7.36rem -3.57333rem
}

.course-choose-list .yuwen {
    background-position: 0 -5.41333rem
}

.course-choose-list .zhengzhi {
    background-position: -1.84rem -5.41333rem
}

.course-choose-list .txt {
    width: 100%;
    height: .666667rem;
    line-height: .666667rem;
    text-align: center
}

.grade-choose-list {
    background: #fff;
    padding-bottom: .4rem;
    padding-top: .333333rem;
    color: #666
}

.grade-choose-list .title {
    padding-left: .266667rem
}

.grade-choose-list .single-item {
    margin-left: .666667rem;
    margin-top: .266667rem;
    background: #f0f0f0;
    border-radius: .133333rem;
    height: .8rem;
    line-height: .8rem;
    width: 1.66667rem;
    text-align: center;
    float: left
}

.grade-choose-list .single-item.active {
    background: #23cd77;
    color: #fff
}

.group-search {
    background: #fff;
    color: #666;
    overflow: hidden
}

.group-search .teacher_feature_phrases-wrap .icon-drop-wrap {
    top: .2rem;
    right: .16rem;
    position: absolute;
    width: .6rem;
    height: .6rem
}

.group-search .teacher_feature_phrases-wrap .icon-drop {
    top: .2rem;
    right: .16rem;
    width: .333333rem;
    height: .186667rem;
    position: absolute;
    background: url(https://static.changingedu.com/static/assets/static/student/findteacher/images/500/icon_drop.023f88a753507aa6d7e82645a38084f6.png) no-repeat;
    background-size: 100% 100%;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg)
}

.group-search .teacher_feature_phrases-wrap .rotate {
    background: url(https://static.changingedu.com/static/assets/static/student/findteacher/images/500/icon_drop_active.345984f1c784d7acfabfb478ec090e98.png) no-repeat;
    top: .25rem;
    background-size: 100% 100%;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.group-search .teacher_feature_phrases-wrap .single-item-wrap.single-line {
    height: 1.1rem;
    overflow: hidden
}

.group-search .item {
    padding-top: .266667rem;
    padding-bottom: .266667rem;
    border-bottom: 1px solid #e5e5e5
}

.group-search .title {
    padding-left: .266667rem
}

.group-search .title span {
    margin-left: .266667rem;
    max-width: 7rem;
    height: 17px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #f60;
    float: left
}

.group-search .single-item {
    margin-left: .266667rem;
    margin-top: .266667rem;
    padding-left: .373333rem;
    padding-right: .373333rem;
    background: #fff;
    border: 1px solid #ccc;
    color: #666;
    border-radius: .133333rem;
    height: .8rem;
    line-height: .8rem;
    text-align: center;
    float: left
}

.group-search .single-item.active {
    background: #e9faf1;
    border: 1px solid #23cd77;
    color: #23cd77
}

.group-search .address-item {
    margin-left: .266667rem;
    margin-top: .266667rem;
    background: #fff;
    border: 1px solid #ccc;
    color: #666;
    border-radius: .133333rem;
    height: .8rem;
    line-height: .8rem;
    padding-left: .333333rem;
    padding-right: .333333rem;
    text-align: center;
    float: left
}

.group-search .address-item.active {
    background: #e9faf1;
    border: 1px solid #23cd77;
    color: #23cd77
}

.group-search .oneline-choose {
    padding-left: .266667rem;
    padding-right: .266667rem;
    height: 1.33333rem;
    line-height: 1.33333rem;
    border-bottom: 1px solid #e5e5e5
}

.group-search .oneline-choose.active .free-icon em {
    background-image: url(https://static.changingedu.com/static/assets/static/student/findteacher/images/500/icon_free_confirm.f2f612e66e50e55585c53e0aa7e21458.png)
}

.group-search .oneline-choose .free-icon {
    position: absolute;
    width: .626667rem;
    height: 100%;
    right: .333333rem
}

.group-search .oneline-choose .free-icon em {
    position: absolute;
    top: 50%;
    margin-top: -.306667rem;
    width: .626667rem;
    height: .626667rem;
    background: url(https://static.changingedu.com/static/assets/static/student/findteacher/images/500/icon_free_empty.44676a41c3c7cbf47a67030e3249e884.png) no-repeat;
    background-size: 100% 100%
}

.district-choose-list {
    padding-left: .333333rem;
    padding-right: .333333rem;
    padding-bottom: .266667rem;
    background: #fff
}

.district-choose-list .single-item-wrap {
    margin-bottom: .6rem
}

.district-choose-list .single-item {
    margin-right: .333333rem;
    margin-top: .266667rem;
    background: #f0f0f0;
    border-radius: .133333rem;
    height: .8rem;
    line-height: .8rem;
    padding-left: .2rem;
    padding-right: .2rem;
    text-align: center;
    float: left
}

.district-choose-list .single-item.active {
    background: #23cd77;
    color: #fff
}

.district-choose-list .address-edit {
    height: .533333rem;
    line-height: .533333rem
}

.district-choose-list .address-edit span {
    display: inline-block;
    height: .533333rem;
    line-height: .533333rem;
    max-width: 80%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: top
}

.district-choose-list .address-edit .icon_address {
    height: 100%;
    width: .4rem;
    position: relative;
    display: inline-block
}

.district-choose-list .address-edit .icon_address em {
    width: .4rem;
    height: .44rem;
    position: absolute;
    top: 50%;
    margin-top: -.213333rem;
    background: url(https://static.changingedu.com/static/assets/static/student/findteacher/images/500/icon_address.b4379be8012e101651bf6a0e9b08b57f.png) no-repeat;
    background-size: 100% 100%
}

.district-choose-list .address-edit .icon_address_edit {
    height: 100%;
    width: .546667rem;
    position: relative;
    display: inline-block
}

.district-choose-list .address-edit .icon_address_edit em {
    width: .546667rem;
    height: .533333rem;
    position: absolute;
    top: 50%;
    margin-top: -.266667rem;
    background: url(https://static.changingedu.com/static/assets/static/student/findteacher/images/500/icon_address_edit.06a890b247be5e4f3fa32d6a62b7e04b.png) no-repeat;
    background-size: 100% 100%
}

.search-list-tagwrap {
    width: 100%;
    height: 1.33333rem;
    padding: .266667rem .333333rem;
    background: #fff;
    border-bottom: 1px solid #e6e6e6
}

.search-list-tagwrap .item {
    height: .8rem;
    line-height: .8rem;
    width: 2.37333rem;
    text-align: center;
    background: #f0f0f0;
    color: #646464;
    margin-right: .333333rem;
    float: left;
    border-radius: .133333rem
}

.search-list-tagwrap .item.active {
    background: #23cd77;
    color: #fff
}

.search-list-tagwrap .arrow-down {
    display: inline-block;
    background: url(https://static.changingedu.com/static/assets/static/student/findteacher/images/515/icon_keyword_arrow_down_deepgray_down@2x.1183886e6d856aeea8aefe640afa9e4d.png) no-repeat;
    background-size: 100% 100%;
    width: .186667rem;
    height: .186667rem;
    margin-left: .08rem
}

.search-list-tagwrap .arrow-down.rotate {
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    transition: all .5s ease-out;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    background-image: url(https://static.changingedu.com/static/assets/static/student/findteacher/images/515/icon_keyword_arrow_down_white_down@2x.3bc61712d4e6b3b86c99aeb542e15be1.png)
}

@media screen and (max-width: 350px) {
    .teacher-list .list-wrap .price-wrap {
        width: 3.56667rem;
        font-size: 14px
    }

    .teacher-list .list-wrap h1 {
        max-width: 4rem;
        font-size: 14px
    }
}

.fixed-pop {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1000
}

.address_select + .popup-contents {
    z-index: 1001
}

.teacher-list .top-fixed-wrap {
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 5
}

.teacher-list .course-view-wrap {
    width: 100%;
    position: fixed;
    left: 0;
    top: 1.3rem;
    z-index: 6
}

.teacher-list.teacher_head_header header {
    position: relative
}

.teacher-list.has_download_banner .list-wrap {
    margin-top: 4.45rem
}

.teacher-list .dofind-btn-bottom {
    width: 100%;
    height: 1.33333rem;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 1;
    line-height: 1.33333rem;
    vertical-align: middle;
    text-align: center;
    color: #fff;
    background: #23cd77;
    font-size: 16px
}

.module-pagenation {
    margin-top: -.333333rem;
    overflow: hidden
}

.module-pagenation .pagenation {
    margin: 0 auto .333333rem;
    text-align: center;
    overflow: hidden
}

.module-pagenation .pagenation a, .module-pagenation .pagenation span {
    display: inline-block;
    padding: .2rem .106667rem;
    line-height: 14px;
    color: #999;
    text-align: center;
    text-decoration: none;
    background: #fafafa
}

.module-pagenation .pagenation .active, .module-pagenation .pagenation a:hover {
    color: #fff;
    background: #23cd77
}

.module-pagenation .pagenation .page_break {
    letter-spacing: 2px;
    font-weight: 700;
    font-family: Microsoft Yahei;
    background: none
}

.search-box {
    position: absolute;
    top: 0;
    left: 0;
    height: 4.2rem;
    overflow: hidden
}

.padding_bg_wrap {
    width: 100%;
    height: .2rem;
    position: relative;
    z-index: 100
}

.padding_bg_wrap, .teacher-list .top-fixed-wrap {
    background: #f0f0f0
}

.teacher-list .sub_navigation_buf_total_wrap {
    position: relative;
    z-index: 100
}

.teacher-list .sub_navigation_buf_wrap {
    padding: .266667rem .333333rem;
    background: #fff;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex
}

.teacher-list .sub_navigation_buf_wrap .navigation_buf_item {
    width: 2.4rem;
    overflow: hidden
}

.teacher-list .sub_navigation_buf_wrap .icon_img {
    width: 1.4rem;
    height: 1.4rem;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden
}

.teacher-list .sub_navigation_buf_wrap .txt {
    color: #999;
    text-align: center;
    width: 100%;
    font-size: 14px;
    height: 20px;
    line-height: 20px;
    vertical-align: middle;
    overflow: hidden;
    margin-top: .266667rem;
    word-break: break-all
}

.teacher-list .sub_navigation_buf_wrap img {
    width: 100%;
    height: auto
}

.side_row {
    padding: .266667rem .333333rem
}

.side_row .cattitle h3 {
    font-size: 12px
}

.side_row ul li {
    list-style: none;
    line-height: .533333rem;
    margin-bottom: .0666667rem
}

.the_door_way {
    background: #fff;
    overflow: hidden
}

.the_door_way .swiper-wrapper {
    height: 200%
}

.the_door_way .oneline-choose {
    padding-left: .346667rem;
    height: 1.33333rem;
    line-height: 1.33333rem;
    border-bottom: .026667rem solid #e6e6e6;
    position: relative
}

.the_door_way .oneline-choose .free-icon {
    background: url(https://static.changingedu.com/static/assets/static/student/findteacher/images/560/icon_not_choosen.948d3d7cea315ad20024da81175a2857.png) no-repeat;
    background-size: 100% 100%
}

.the_door_way .oneline-choose.active .free-icon, .the_door_way .oneline-choose .free-icon {
    display: block;
    position: absolute;
    width: .466667rem;
    height: .466667rem;
    right: .333333rem;
    top: 50%;
    margin-top: -.233333rem
}

.the_door_way .oneline-choose.active .free-icon {
    background: url(https://static.changingedu.com/static/assets/static/student/findteacher/images/560/icon_choosen.90601a1126587dad4ae3b18335ca55a9.png) no-repeat;
    background-size: 100% 100%
}

.the_door_way .border_bottom {
    border-bottom: .026667rem solid #fff;
    height: 1.33333rem
}

.the_door_way .my_address {
    padding-left: .346667rem;
    height: 1.013333rem;
    line-height: 1.013333rem;
    border-bottom: .026667rem solid #e6e6e6;
    background: #f9f9f9;
    position: relative;
    padding-right: .8rem
}

.the_door_way .my_address .free-icon-addr {
    display: block;
    position: absolute;
    width: .466667rem;
    height: .466667rem;
    right: .333333rem;
    background: url(https://static.changingedu.com/static/assets/static/student/findteacher/images/560/icon_addr.f537a2f5122b01604507d7a86bc1fd94.png) no-repeat;
    background-size: 100% 100%;
    top: 50%;
    margin-top: -.233333rem
}

.the_door_way .my_address .ellipsis {
    overflow: hidden;
    text-overflow: ellipsis
}

.the_door_way .set_address {
    padding-left: .76rem;
    height: 1.33333rem;
    line-height: 1.33333rem;
    border-bottom: .026667rem solid #e6e6e6;
    position: relative
}

.the_door_way .set_address a {
    color: #999
}

.the_door_way .set_address .free-icon-left {
    left: .32rem;
    background: url(https://static.changingedu.com/static/assets/static/student/findteacher/images/560/icon_set_addr_l.087a3b4183383cf65cc60a643874ccc6.png) no-repeat;
    background-size: 100% 100%
}

.the_door_way .set_address .free-icon-left, .the_door_way .set_address .free-icon-right {
    display: block;
    position: absolute;
    width: .386667rem;
    height: .386667rem;
    top: 50%;
    margin-top: -.193333rem
}

.the_door_way .set_address .free-icon-right {
    right: .36rem;
    background: url(https://static.changingedu.com/static/assets/static/student/findteacher/images/560/icon_set_addr_r.96988d2f798b7e7200c852c8d9881a74.png) no-repeat;
    background-size: 100% 100%
}

.the_door_way .single-item-wrap-addr {
    padding-left: .346667rem;
    border-bottom: .026667rem solid #e6e6e6
}

.the_door_way .single-item-wrap-addr .single-item {
    margin-right: .32rem;
    margin-bottom: .32rem;
    border-radius: .133333rem;
    border: 1px solid #ccc;
    height: .666667rem;
    line-height: .666667rem;
    padding-left: .293333rem;
    padding-right: .293333rem;
    text-align: center;
    float: left
}

.the_door_way .single-item-wrap-addr .single-item.active {
    background: #e9faf1;
    color: #23cd77;
    border: 2px solid #23cd77
}

.city_wrap {
    height: 8rem;
    overflow: auto
}

.city_wrap .city_choose_list {
    padding-top: .4rem;
    padding-bottom: .6rem;
    background: #fff
}

.city_wrap .city_choose_list .single-item {
    width: 2.08rem;
    height: .933333rem;
    line-height: .933333rem;
    text-align: center;
    vertical-align: middle;
    background: #f0f0f0;
    color: #333;
    border-radius: 5px;
    margin-left: .333333rem;
    margin-bottom: .333333rem;
    float: left
}

.city_wrap .city_choose_list .single-item.active {
    color: #fff;
    background: #23cd77
}